HTML5

In this article, you will learn about HTML5. The term “HTML5” has also been used to refer to a number of other new technologies and APIs.

Pavels Jelisejevs takes a look at the W3C recommendation for HTML 5.1, looking at its major new features with some markup samples.

Another collection of front-end docs, guides, and other learning resources for various technologies in front-end development.

Tim Severien looks at HTML5 input elements, how each browser interprets them and what the best strategy is for using them in your web projects.

SVG is powerful, but finding a place to put your image is harder than it should be. Here's a scalable, reliable, free SVG image hosting method.

Mark Brown covers installing the ionic framework and using it for creating performant and native-like HTML Apps.

Georgie Luhur shares some tips for using the figure and figcaption semantic elements correctly.

David Berner explores how to create reusable, Responsive Web Components that can adapt and change inside responsive web designs.

Simon Codrington explores eight HTML5 tags that are often overlooked by web developers or misunderstood due to changes in the HTML5 specification.

Georgie Luhur explains how web developers can use ARIA roles and attributes within their HTML effectively today.

Using lots of demos, Maria Antonietta Perna discusses many of the features of jCanvas, a jQuery plugin to make it easier to work with the HTML5 Canvas API.

Pankaj Parashar introduces Microsoft's X-Tag JavaScript library to enable Web Components, using the example of a Google Map custom element.

Louis Lazaris looks at different, little-known DOM manipulation techniques that you may not have seen or used before, with a focus on parent/sibling/child.

Simon Codrington examines the different methods and properties associated with native Drag and Drop, which has increasingly better browser support.

If you're looking to brush up on a specific front-end technology, Louis Lazaris has another 20 learning resources you can choose from.

The ECMAScript spec has moved to GitHub but one of the more interesting features is the fact that the document is built with custom HTML called Ecmarkup.

With the help of some audio software, Mihaela Jurkovic demonstrates how to sync CSS animations with HTML5 audio for some potentially useful effects.

Rafay Saeed Ansari discusses how many HTML elements often expose default semantics that make ARIA roles redundant and demonstrates what to avoid doing.

Polymer is now at version 1.0 but unfortunately, the breaking changes over version 0.5 may cause problems. Pankaj has a guide to get you started.

Microsoft's Robby Ingebretsen explains how to take browser-based gaming to the next level with the Gamepad API

HTML5's Local Storage API has fantastic browser support and there are plenty of neat little tools and utilities that ease its use, 9 of which are examined here.

Lantre Barr introduces you to the magic world of WebRTC, showing you what you can do and what are the challenges. The article also includes a demo.

Monty Shokeen recently discovered CamanJS, a Canvas-based image manipulation library. He showcases its features and demonstrates with a live example.

Microsoft's David Voyles explains compression and DRM, including how to ingest content using a video recording tool and how to encrypt or protect the video

Microsoft's David Voyles explains the basics of working with HTML5 video, including how to use Microsoft's Azure to work with video files in the cloud

Luis Vieira describes how you can use font subsetting along with asynchronous loading and local storage to improve the performance of web fonts.

Email is an old technology that seems to be outgrowing it's plain text roots. But is it time for web forms in email?

If you're building offline functionality into your apps using AppCache, you'll want to consider some common problems that can arise. Tanay has the details.

Byron Houwens shows off some of the features of the WebGL spec by building a rotatable model Earth with three.js and some custom scripting.

Pankaj Parashar builds on knowledge from his previous articles to show us how to build a credit card payment form using custom elements and Polymer.