HTML5 Tutorials & Articles

HTML5 Template: A Basic Boilerplate for Any Project

Start new websites faster by using this basic HTML5 template. Learn how to get started, understand important HTML5 elements, and use our free HTML template.

5 Great HTML5 Video Players

We've compiled a list of 5 of the greatest HTML5 video players, based on speed, ease of use, compatibility and features.

Structural Pseudo-Classes

In this exclusive excerpt from our book, HTML5 & CSS3 for the Real World, we examine the different types of structural pseudo-classes you can use.

Relational and Attribute Selectors in CSS3

In this excerpt from our book, HTML5 & CSS3 for the Real World (2nd Edition), we look at Relational and Attribute Selectors in CSS3

HTML5 Video and Audio: The Markup

In this except from our book, HTML5 & CSS3 for the Real World, 2nd Edition, we take you through adding Video and Audio in HTML5.

HTML5 Forms: Input Types (Part 2)

We delve deeper into various Input Types for HTML5 Forms. This is an excerpt from our book, HTML5 & CSS3 for the Real World, 2nd Edition.

HTML5 Forms: Input Types (Part 1)

Learn about the different input types in HTML5 Forms, in this exclusive excerpt published from our book, HTML5 & CSS3 for the Real World, 2nd Edition.

HTML5 Form Attributes (Part 1)

The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and Estelle Weyl.

HTML5 Forms: New Controls

There are five new form elements in the HTML5 forms specification: datalist, output, keygen, progress, and meter

Open Your Data Up to Bots Using Microdata

This brief introduction to Microdata barely does the topic justice, but we hope it will provide you with a taste of what’s possible when extending the semantics of your documents with this technology.

Validating HTML5 Documents

Let’s expand upon the concepts of validations a little more so that you can better understand how validating pages has changed

HTML5 Forms: Dependable Tools in Our Toolbox

HTML5 web forms have introduced new form elements, input types, attributes, native validation, and other form features.

More HTML5 Semantics: New Elements and Features

In this section, let's touch on lesser-known elements, attributes, and features that have been added to the HTML5 spec

More HTML5 Semantics: Changes to Existing Features

While new elements and APIs have been the primary focus of HTML5, this latest iteration of web markup has also brought with it changes to existing elements.

Defining the Sample Site’s Page Structure

We’ve covered the basics of page structure and the elements in HTML5 that will assist in this area, it’s time to start building the page

HTML5 Page Structure Basics

In this article, we will talk about the basics in HTML5 page structure.

An HTML5 FAQ

Introducing the HTML5 Herald Sample Site

The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and Estelle Weyl.

Introducing CSS3

In this article, you will learn about CSS3. As you probably know, CSS is a style language that describes how HTML markup is presented to the user.

Introducing 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.

Creating a Mobile Application with Reapp

Jay Raj introduces us to Reapp, a faster and easier way to develop cross platform mobile applications with React and JavaScript.

Quick Tip – Using and Installing Cordova

Mark Brown presents a quick tip on using and installing Cordova, an excellent tool for cross-platform mobile development.

Live Q&A with Guilherme Müller on HTML

Guilherme Müller, creator of HTML courses on SitePoint Premium, is joining us for an exclusive Q&A session on the Forums. Wednesday, 5th August at 4pm (EST)

10 Ways to Minimize Reflows and Improve Performance

Browser repaints and reflows are expensive and affect your application's performance. Craig provides ten tips to help improve responsiveness.

Filtering Reality with JavaScript and Google Cardboard

Patrick Catanzariti explains how to use HTML5, JavaScript, Three.js, a smartphone and Google Cardboard to create a filtered AR viewfinder.

The Dawn of WebRTC

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.

Introducing the Webix Framework

In this article Sergey Laptick introduces you to Webix, a JavaScript and HTML5 framework for developing cross-platform web apps with responsive UIs.

Creating a Location Sharing App Using the Ionic Framework

Jay Ray returns to teaching us about creating apps with the Ionic Framework, this time showing how it can help with location sharing features.

What Are the Security Risks of HTML5 Apps?

Jaykishan Panchal poses a controversial question to lovers of HTML5 based App development. How secure are they?

Taking the Mootor HTML5 Framework further

On our last look at the Mootor Framework we created a basic HTML 5 Web App. Jay Raj looks further into it's potential.