March 21, 2014 in Learn
An Introduction to HTML Imports
HTML imports is an exciting technology that promises to change how we build websites. Imports allow you to include HTML documents within other HTML documents. This has a number of benefits, including the ability to create a bundle of HTML,…
March 15, 2014 in Learn
Using localForage for Offline Data Storage
(Photo by Erich Ferdinand/Flickr) An important step on the path toward robust, offline web applications is the ability to store data in the user’s browser. Technologies like IndexedDB and localStorage have provided this functionality to web developers, but they are not…
March 12, 2014 in Learn
How to Create an AJAX Contact Form for a Website [Guide]
Conversions don’t always equate to purchases or transactions, they can also appear in the form of newsletter sign-ups and contact forms. Contact forms are one of the most common features on a website. Standard contact forms work just fine, but…
March 11, 2014 in Learn
How to Use the Details and Summary Elements in HTML5
A number of new interactive elements were introduced with HTML5 that provide native implementations of common UI widgets like dialogs and modals. Among these new additions are the <details> and <summary> elements. These elements allow developers to create collapsable UI…
March 3, 2014 in Learn
How to Use The HTML List Elements
Some of the most commonly used elements for marking up web content are unordered, ordered, and definition lists. In this post you’re going to learn how to use these HTML list elements in your own web page markup. You’ll learn…
February 26, 2014 in Learn
Uploading Files with AJAX
The introduction of AJAX marked a huge leap forward in the history of the web. The ability to communicate with a web server without reloading the page has revolutionised how web applications are built. The primary technology that enables AJAX…
February 21, 2014 in Learn
Registering Protocol Handlers for Your Web Applications
Protocol handlers allow you to inform the browser that your web app is capable of handling links and URLs with certain schemes. Using the registerProtocolHandler method you are able to register your web app as a handler for schemes like…
February 18, 2014 in Learn
How to Use The HTML5 Sectioning Elements
HTML5 has seen the introduction of a number of sectioning elements that can be used to mark up your web pages. Using these elements gives more semantic meaning to your pages, allowing computer programs to better understand your content. In…
February 6, 2014 in Learn
Optimizing Mobile Web Apps for iOS
When I was looking through the analytics data for a product I recently launched I was taken aback by just how much mobile traffic the web app was getting. After seeking some feedback from users it became clear that people…
January 31, 2014 in Learn
How to use the Meter & Progress Elements
The development of HTML5 has introduced a series of new elements that can be used to create common UI components like date pickers and autocomplete dropdowns. Two of these new elements are <progress> and <meter>. In this post you’re going…
January 21, 2014 in Learn
Exploring the Battery Status API
With the rise in popularity of mobile web apps there’s been a big push to develop device APIs that allow web developers to reach out of the browser and access the underlying device hardware. We’ve seen the introduction of getUserMedia,…
January 16, 2014 in Learn
Accepting Voice Input in HTML5 Forms
The way that we interact with computers has changed dramatically over the past decade. Touch-screen devices and laptop trackpads have enabled a much more intuitive form of interaction than is achievable using a traditional mouse. These changes haven’t been limited…