We've Launched "The Suddenly Remote Playbook,"
A Comprehensive Guide for Working Remotely
The Suddenly Remote Playbook
Read Now

HTML5

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

A How-to Guide to SVG Animation

by Juan Calou

The advantages of SVG on the web go beyond producing resolution-independent graphics. With a little CSS and JavaScript, you can apply cool animations and effects to your front end without requiring the user to install bulky plugins.

7 minute readContinue Reading
EngineeringIcon ChevronBack-end

Building an Angular Video Player with Videogular

by Raul Jimenez Herrando

Video accounts for more than three quarters of all bandwidth used today. That’s why developers need a solid, extensible, and advanced media framework that doesn’t come with a steep learning curve. In this tutorial, Toptal Freelance Software Engineer Raul Jimenez will introduce you to one such framework – Videogular. If you need to harness the power of Angular for HTML5 video, look no further.

9 minute readContinue Reading
EngineeringIcon ChevronTechnology

Make Your Web Front-end Reliable with Elm

by Stas Davydov

If you’ve spent your fair share of time developing web front-ends, you know that no amount of libraries and plugins are sufficient enough to make the development experience pleasant. Unpredictable event chains, complex data binding, and lack of structured data modeling only makes things worse. Elm, a programming language built for front-end development, cuts to the root of all these problems and solves them there. In this post, Toptal Software Engineer Stanislav Davydov provides a detailed guide to Elm and shows us how The Elm Architecture solves some of the most fundamental challenges of front-end development.

17 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

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 ChevronTechnology

Electron: Cross-platform Desktop Apps Made Easy

by Stéphane P. Péricat

Building cross-platform desktop applications has been something of a nightmare for a very long time, as extreme differences between popular desktop operating systems makes it a challenging feat. However, in light of newer tools and frameworks like Electron, building a cross-platform desktop application has never been easier. In this article, Toptal engineer Stéphane P. Péricat walks us through a step-by-step tutorial to building a cross-platform password key-ring desktop application using technologies that most of us are already familiar with.

15 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Speeding up Application Development with Bootstrap

by Lijana Saniukaite

Bootstrap, one of the most used HTML/CSS/JavaScript front-end frameworks, offers a little more than just fancy customizable user interface elements. It provides a great starting point for many types of projects, a plethora of components, and many nifty styles predefined for responsive layout and utility classes to help keep your HTML and CSS code clean. In this article, Toptal designer Lijana Saniukaite walks us through some practical Bootstrap tips and best practices to speed up your application development.

9 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Responsive Design Is Not Enough, We Need Responsive Performance

by Vedran Aberle Tokić

Between square inch smart wristwatches and mammoth smart TVs, a responsive website capable of adapting to a wide array of screen sizes and device capabilities is something no one complains about. However, many websites are still plagued by desktop-first design paradigms, or mobile-first paradigms with absolutely no focus on performance. These traditional approaches to responsive web design have various shortcomings. Fortunately, some simple ideas can help solve these problems.

8 minute readContinue Reading
EngineeringIcon ChevronTools and Tutorials

Getting Started with Modules and Modular Front-End Development

by Bojan Janjanin

For some people, front-end design and development can sometimes start to seem like a chore, and can be monotonous and time consuming. Through a modular design approach, it is possible to both save time and streamline the design and development process.

8 minute readContinue Reading

Join the Toptal® community.