- Web Development Tutorials

HTML5 Tutorials and Examples

HTML5 is the new standard for Hypertext Markup Language, the language used to create web content. It replaces the earlier web standards HTML4 and XHTML1.1. HTML5 standards are still in development and have not yet been fully implemented. However, there is a lot of excitement about several new HTML5 features. Some browsers have already adopted these features, and others are quickly including them in their new versions. You can start learning HTML5 now and take advantage of these features to enhance your website.

Introduction: A New Standard for Interactive Web

Introduction: Cool Things You can do with HTML5

Introduction: What You Need to Get Started with HTML5

Introduction: Comparing HTML4 and HTML5 Tags

Update your Basic HTML page to HTML5
Learn how to convert your web pages to HTML5.

New Global Attributes and Events
Learn all the new global attributes and events.

List of Semantic Tags
List of the new HTML5 tags to use when defining repeating content.

Layout Tutorial with Semantic Tags
Learn how to create layouts without having to declare special ids and class names.

Audio Tag Attributes
Audio tag is used for music clips and streaming music. Take a look at the attributes used with this tag.

Audio Tutorial
Learn how to deliver music or any kind of audio recording using HTML5.
         -> See live example Here

Video Tag Attributes
Audio tag is used for movie clips and streaming video. Take a look at the attributes used with this tag.

Video Tutorial
Learn how to deliver movies or any kind of streaming video using HTML5.
         -> See live example Here

Input Tag Attributes
Input attributes make it easier to create forms and set automatic validation.

Input Type Attribute Values
Learn the new input type attribute values to get greater control in creating forms.

Input Type Tutorial
Learn how to use the new Input Types and take a look at what they look like.

Input Validation Tutorial
Automatic validation is another way in which HTML5 reduces the amount of scripting needed to create dynamic websites.

Input Placeholder Tutorial
Learn how to create a very simple search field using the placeholder attribute.

Output Tutorial
Learn how to use the new Output Element to display the output of a script or calculation.
         -> See live example Here

Meter Element
Learn how to display a visual gauge using the Meter tag.

Form with CSS
In this tutorial we'll combine several of the new form elements we have seen earlier to create a beautiful order form.

Canvas Basics
Learn the very basics of the new canvas tag.

Canvas Opacity Tutorial
Learn how to use globalAlpha attribute to change the opacity of any bitmap image in canvas.

Insert Image in Canvas
Learn how to use JavaScript to place an image inside the canvas element.

Canvas Gradient
The canvas API includes a linear and a radial gradient.

Canvas Text Tutorial
You can also render text in the canvas element.

Canvas Interactive Tutorial
Create interactive images without having to use plugins like Flash.
         -> See live example Here

Canvas 2D Interface Reference

Geolocation API
Learn how to use geolocation API to pinpoint user's exact location.
         -> See live example Here

Local and Session Storage API
The Web Storage API, introduces new storage objects that work much better than cookies, and offer better features.
         -> See live Local Storage Example and Session Storage Example

Offline API
The Offline API, allows you to create websites that give your users a continuous experience even when they are disconnected or unable to reach your server.

Drag and Drop Event List
Complete list of the new events associated with the drag and drop API.

Drag and Drop Tutorial
Learn how to use the new Drag and Drop API.
         -> See live example Here

Data Transfer Object

Copyright © The Web Design Resource. All rights reserved. | Contact Us | Privacy Policy