Web

Showing 10-18 of 64 results
EngineeringIcon ChevronBack-end

Web Scraping with a Headless Browser: A Puppeteer Tutorial

by Nick Chikovani

In this article, Toptal Freelance JavaScript Developer Nick Chikovani shows how easy it is to perform web scraping using a headless browser. Specifically, he provides a Puppeteer tutorial, going through a few examples of how to control Google Chrome to take screenshots and gather structured data.

10 minute readContinue Reading
EngineeringIcon ChevronData Science and Databases

Web Accessibility: Why W3C Standards Are Often Ignored

by Cezary Tomczyk

The goal of this article is to introduce you to the underlying principles of accessibility and help you flawlessly implement web accessibility guidelines and standards on your next project. Even minor improvements can help your content rank better, reach more people, and improve the overall user experience.

13 minute readContinue Reading
EngineeringIcon ChevronTechnology

How to Build CSS-only Smart Layouts with Flexbox

by Diego Díaz

Although CSS was meant to deal with styling, creating extraordinary layouts on the web has always been a unique challenge and almost always required the developer to resort to JavaScript. However, Flexbox is here to change that. In this article, Toptal Freelance Software Engineer Diego Díaz walks us through the basics of Flexbox and some cool examples of how Flexbox can be used to build smart CSS-only layouts.

13 minute readContinue Reading
EngineeringIcon ChevronTechnology

Webpack or Browserify & Gulp: Which Is Better?

by Eric Grosse

Gone are the days where front-end developers for web applications could use ad-hoc JavaScript with jQuery and such all in a single JavaScript file. Modern web applications require more effort from the developer to adopt an overall architecture and development process. Building such front-end applications relies on lots of external dependencies and modular source code, and these elements necessitate automation to save developers time and reduce the chances of mistakes. In this article, Toptal Freelance Software Engineer Eric Grosse shows us how various combinations of the popular tools Webpack, Browserify, Gulp and Npm can benefit us by enhancing our development environment and allowing us to focus on writing the app itself.

20 minute readContinue Reading
EngineeringIcon ChevronTechnology

Web Audio API: Why Compose When You Can Code?

by Joaquín Aldunate

Meet Web Audio API, a powerful programming interface for controlling audio on the web. Gone are the days when the web browser could rarely play a sound file correctly. With this API, you can now load sound from different sources, apply effects, create visualizations, and do much more. In this article, Toptal Freelance Software Engineer Joaquín Aldunate shows us how to unleash our inner musician using Web Audio API with the Tone.js framework by giving us a brief overview of what this API has to offer and how it can be used to manipulate audio on the web.

8 minute readContinue Reading
EngineeringIcon ChevronTechnology

Sass Mixins: Keep Your Stylesheets DRY

by Justin Brazeau

Nowadays, front-end development workflows involve many modern tools and preprocessors that not only streamline the whole process, but also allow you to spend less time on common web tasks, giving you more time to focus on other aspects of the project that require more careful and skilled insight. Sass, the scripting language for syntactically awesome stylesheets, comes with robust and built-in support for mixins - an essential feature for keeping your stylesheets DRY. In this article, Toptal Freelance Software Engineer Justin Brazeau shows us 10 useful Sass mixins that help keep your stylesheets manageable by breaking them into smaller reusable bits, each with its own focus.

10 minute readContinue Reading
EngineeringIcon ChevronMobile

The 9 Most Common Mistakes That Ionic Developers Make

by Julien Renaux

Ionic is extremely popular at the moment, and it has revolutionized the hybrid application industry in a way that nobody could have imagined. However, over time, the best practices and tooling for Ionic have not progressed in the same way. As a result, the number of pitfalls that developers need to look out for when working with Ionic is still high. In this article, Toptal Freelance Software Engineer Julien Renaux outlines the most common mistakes that Ionic developers should know.

12 minute readContinue Reading
EngineeringIcon ChevronBack-end

How to Create a Simple Python WebSocket Server Using Tornado

by Jongwook Kim

The threaded model and global interpreter lock has always been in the way of Python handling thousands of concurrent long-lived connections. Modern web frameworks, such as Tornado, use non-blocking network I/O to make Python feasible for implementing WebSocket servers. In this article, Toptal engineer Jongwook Kim walks us through the process of implementing a simple WebSocket-based web application in Python using the Tornado web framework.

8 minute readContinue Reading
EngineeringIcon ChevronTechnology

Persisting Data Across Page Reloads: Cookies, IndexedDB and Everything In-Between

by Stephen Villee

Modern web browsers offer a number of different APIs and mechanisms to storing data on the client-side. But are all of these options created equal? In this article, Toptal engineer Stephen Villee demystifies the various client-side storage options available in modern web browsers and explains how each of these can play a role in storing session data on the client-side.

13 minute readContinue Reading

Join the Toptal® community.