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 21, 2015 in Learn
Thinking Ahead: Multi-Resolution Images with srcset
Developing for high-resolution displays often requires different image resources for each image. Because of this, there’s been a need for a more standard way of serving responsive content images – ones that adapt to different resolutions and viewport sizes. What…
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
How To Code a Sortable Table with jQuery
There is a small handful of free open source jQuery plugins to help organize special tables. More specifically these plugins offer unique & dynamic functionality such as pagination, row highlighting, and column sorting. The ability to sort your data is…
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…
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…