December 12, 2013 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…
December 9, 2013 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…
November 15, 2013 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…
November 12, 2013 in Learn
Beginner’s Guide to Ajax Development with PHP
The common use of Ajax in web development has created a dynamic yet fluid Internet. Designers often build mockups which incorporate Ajax-based elements such as lazy loaders, tabbed widgets, and other similar page elements. In this tutorial I want to…
November 1, 2013 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…
October 25, 2013 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…
October 18, 2013 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…
October 10, 2013 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…
September 25, 2013 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…
September 17, 2013 in Learn
Reading Files Using The HTML5 FileReader API
HTML5 saw the introduction of a number of new APIs that can be used to handle files in the browser. These APIs make it much easier to accomplish tasks like reading and writing files or uploading a file created using…
September 12, 2013 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…
September 10, 2013 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…