An Introduction to Perceived Performance
(Illustration by Mat Helme, Treehouse) Perceived Performance Is a Measure of How Quick a User Thinks Your Site Is, and That’s Often More Important Than Its True Speed Performance is important. It can mean the difference…
Read More
How to Create Custom HTML Elements
(Photo by Kenny Louie / Flickr) An exciting feature of the HTML specification that’s been getting a bit of hype recently is custom HTML elements. These allow you to create your own HTML elements along with their own…
Read More
Using Data URIs to Speed Up Your Website
As our websites grow more complex, web performance is becoming an increasingly important topic. There are many different strategies that you can employ to improve the performance of your websites. These include optimising images, combining multiple…
Read More
Building HTML5 Context Menus
A lesser known feature of the HTML5 specification is context menus. These allow you to add custom items to the menu that appears when a user right-clicks on the page. Using JavaScript, you can then control…
Read More
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…
Read More
Exploring the JavaScript Device APIs
Photograph by Jeremy Keith (adactio) The mobile revolution has completely changed how people access the web. It’s only natural then that the web should evolve to better suit the plethora of devices on which it’s now…
Read More
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,…
Read More
How to Create an AJAX Contact Form
A common feature of many websites is a contact form. Standard contact forms work just fine, but you can make them nicer by using AJAX to submit the form data in the background. In this blog…
Read More
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…
Read More
Creating Autocomplete Dropdowns with the Datalist Element
The <datalist> element, a new addition in the HTML5 specification, allows developers to create native autocomplete dropdowns for their web applications. This type of user interface component is commonly used on form fields and search boxes…
Read MoreHow 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…
Read More
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…
Read More