Web

Showing 10-18 of 62 results
EngineeringIcon ChevronWeb front-end

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 ChevronWeb front-end

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 ChevronWeb front-end

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 ChevronWeb front-end

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 ChevronWeb front-end

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 ChevronWeb front-end

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
EngineeringIcon ChevronWeb front-end

React, Redux and Immutable.js: Ingredients for Efficient Web Applications

by Ivan Rogic

Unlike most front-end web frameworks, React's aim is to solve the various challenges of building user interfaces that rely on changing data. Although React is a simple JavaScript library and is easy to get started with, it is still possible to misuse it in ways that deny the web app from reaping the benefits that React has to offer. In this article, Toptal engineer Ivan Rogic demonstrates the synergy of React, Redux and Immutable.js, and shows how these libraries together can solve many performance issues that are often encountered in large web applications.

9 minute readContinue Reading
EngineeringIcon ChevronBack-end

Caching in Spring with EhCache Annotations

by Cong Liu

EhCache is a widely-used, pure Java cache that can be easily integrated with most popular Java frameworks, such as Spring and Hibernate. It is often considered to be the most convenient choice for Java applications since it can be integrated into projects easily. EhCache Spring Annotations allows seamless integration into any Spring application by simply adding annotations to cacheable methods, without modifying the method implementations. This article focuses on boosting your Spring applications with EhCache Spring Annotations.

8 minute readContinue Reading

Join the Toptal® community.