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 October 22, 2018 in Learn
A Preview of The New Dialog Element
The <dialog> element originally entered the HTML5 scene as a way to markup conversations but it was cut from the spec back in 2009. However now it’s back, and it has a brand new role. The new <dialog> element makes…
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…
Updated on August 13, 2021 in Learn
How to Securely Send Messages Between Windows with postMessage
As we build an ecosystem where web applications can interact with one another we need a way of securely sending messages between windows. The postMessage() method provides just that. For a long time sending messages between windows was only possible…
Updated on July 14, 2015 in Learn
Getting Started With The History API
Over the past decade, web applications have evolved to make heavy use of JavaScript in order to dynamically load content into web pages. One of the big challenges that developers face when creating these applications is preserving an accurate and…
Updated on July 14, 2015 in Learn
Creating Reusable Markup with The HTML Template Element
Templates are one of the key tools at any developers disposable. They make it easier for us to build complex websites that are maintainable and easy for other developers to understand. With the exception of a few JavaScript frameworks, most…
Updated on November 14, 2022 in Learn
Working with Shadow DOM
As developers, we often need to create widgets for interfaces that make it easier to accomplish certain tasks. These might be sliders for controlling video playback, calendar pickers for selecting dates or any other number of other useful widgets. The…
Updated on November 17, 2017 in Learn
Creating Packaged Apps for Google Chrome
Creating Packaged Apps for Google Chrome In this tutorial you are going to use the To-Do application that you created in ‘Create Your Own To-Do App with HTML5 and IndexedDB‘. If you haven’t already built this application you might want…
Updated on May 21, 2015 in Learn
Create Your Own To-Do App with HTML5 and IndexedDB
IndexedDB is a client-side web technology that allows developers to build applications that are able to store data locally. Unlike LocalStorage, which enables the storage of simple key/value pairs, IndexedDB supports the storage of structured data. This enables developers to…
Updated on May 21, 2015 in Learn
Accessing the Device Camera with getUserMedia
One of the funnest technologies to come to web browsers in the last couple years is the ability to access the webcam and microphone without the need for a third party plugin. When you combine these native media streams with…
Updated on May 21, 2015 in Learn
Getting Started With The Canvas API
The Canvas API provides a way for developers to create graphics on-the-fly from directly within the web browser. This has a number of benefits. First it can help to reduce the number of HTTP requests that are needed to load…
Updated on September 11, 2023 in Learn
Using Web Workers to Speed-Up Your JavaScript Applications
The performance of JavaScript applications running in the browser has increased considerably over the past few years. This is mainly due to continued work on the underlying JavaScript engines (such as V8) that actually execute the code. But as these JavaScript engines get…