Updated on May 21, 2015 in Learn
Creating Immersive Experiences with the FullScreen API
Having the ability to take elements, or even entire pages fullscreen allows developers to create fully immersive experiences for the user. You can remove the distractions from other apps and help the user to focus on the task at hand….
Updated on May 21, 2015 in Learn
Building Multi-Touch Web Applications
With mobile web browsing now accounting for 15% of all global internet traffic building web applications targeted at mobile has become more important than ever. Building for mobile is very different to creating web applications targeted at the desktop environment….
Updated on September 11, 2023 in Learn
Timing JavaScript Code with High Resolution Timestamps
As the browser has evolved the possibilities of what can be achieved on the web have greatly increased. Technologies like Flash have given way to newcomers like Canvas and WebGL. But as we create more complex applications for the web…
Updated on May 21, 2015 in Learn
Using Emmet to Speed Up Front-End Web Development
Emmet is a plugin for your text editor that provides a number of tools to help you quickly write HTML and CSS code. The plugin, which was previously known as Zen Coding, allows you to generate HTML elements using a…
Updated on August 4, 2022 in Learn
An Introduction to Source Maps
One of the easiest performance wins you can gain for your website is to combine and compress your JavaScript and CSS files. But what happens when you need to debug the code within those compressed files? It can be a…
Updated on May 21, 2015 in Learn
Improving Code Quality with JSHint
JSHint is a tool that can help you to write more reliable and consistent JavaScript code. The tool works by checking your code for a number of common errors. If you’ve ever spent half an hour trying to debug your…
Updated on May 21, 2015 in Learn
Efficient Animations with requestAnimationFrame
If you are using animations in your web apps you’ll want to make sure that they run smoothly. The easiest way of doing this is to use requestAnimationFrame (sometimes referred to as rAF), a method that makes creating smooth animations…
Updated on May 21, 2015 in Learn
Native Rich-Text Editing with the contenteditable Attribute
One of the lesser-known HTML attributes is contenteditable. This attribute allows you to turn a standard read-only HTML element into an interactive, rich-text editor. When Tim Berners-Lee built the first web browser in 1990, he created modes for both browsing…
Updated on July 14, 2015 in Learn
Building a Synthesizer with the Web Audio API
One of the coolest APIs to hit the web in recent years is the Web Audio API. This allows you to create, load and manipulate audio directly in the browser; as well as perform a whole load of other functions…
Updated on May 17, 2022 in Learn
How to WebSockets [Complete Guide]
If you’re looking to take your programming skills to another level, Treehouse offers unlimited access to a variety of courses starting at $25/month. Try our program out with a free seven-day trial today. In this blog post we’re going to…
Updated on May 21, 2015 in Learn
Building an HTML5 Text Editor with the FileSystem APIs
In recent years we have seen the introduction of a whole new set of APIs that aim to give developers the power to store data on a user’s machine. In this blog post you are going to learn how to…
Updated on March 4, 2026 in Learn
Reading Files in the Browser Using the FileReader API
Modern web applications often need to work with files directly in the browser. Common use cases include previewing images before upload, reading text files for parsing, or processing binary data client-side before sending it to a server. The FileReader API…