Fresh and Useful HTML5 Tutorials, Techniques and Tricks

HTML5 is the wave of the future when it comes to web development, so it is advantageous to get a head start on your competition by learning the essential tips, tricks and techniques with HTML5 that you can start using in your projects today, as well as ones you’ll be using in the future.  When HTML5 is combined with CSS3 and jQuery, some of the finished results that can be achieved are spectacular.

In this roundup of HTML5 tutorials, you’ll find tutorials on the video element, the audio element, doing PSD to HTML5 and CSS3 conversions, and also tutorials on combining HTML5 with CSS3, jQuery and even PHP for finished results.

If you can’t get enough HTML5 and CSS3 tutorials, check out our other posts on web-designing tutorials here:

Hope you find them useful!

Blowing up an HTML5 Video and Mapping It to 3D Space

A nice tutorial on video and visual effects using HTML5.


HTML5 Tutorial for Web Developers – The Video Element in HTML5

A tutorial on understanding how the video element works in HTML5.


HTML5 Canvas Tutorial

A tutorial on drawing and scripting graphics with HTML5.


Create an HTML5 iPhone App Tutorial

Creating an HTML5 iPhone application.


Working with HTML5 Local Storage Tutorial

How to store users data on their machine inside their browser.


Code a Backwards Compatible Portfolio with HTML5 and CSS3 Tutorial

A fresh, start to finish tutorial on web design with HTML5 and CSS3.


A Marriage Made in Heaven – HTML5 and CSS3

Understanding how HTML5 and CSS3 are designed to work together for advanced functionality and ease of use.


HTML5 Slider Input Tutorial

Using some HTML5 tags to get a slider that takes input.


Building a Live News System with HTML5, CSS3, PHP and jQuery

Combine all the technologies you know to create a useful finished product.


HTML5 Geolocation Tutorial

Using geolocation for mobile HTML5 applications.


Coding up a Web Design Concept with HTML5 and CSS

Another design tutorial on start-to-finish of a website with HTML5.


25 HTML Tips, Tricks and Features You Must Know

An overview of essential techniques that developers should be familiar with in HTML5.


Coding an HTML5 and CSS3 Single-Page Template

Another PSD to HTML5 and CSS Conversion


Learning about the Audio Element in HTML5

A quick look at the audio element in HTML5.


How to Make All Browsers Render HTML5 Correctly — Even IE6!

Just like it says, how to make every browser understand your HTML5.


Animated 404 Not Found Page with HTML5 and CSS3

How to use HTML5 and CSS3 to Create an Animated 404 Error Page


Rethinking Forms in HTML5 Tutorial

How the new elements in HTML5 can help you create better forms.


How to Create a Drop Down Nav Menu with HTML5, CSS3 and jQuery

Another tutorial on putting together your skills to create a useful finished result.


Comments 4 Responses

  1. Pingback: September 23, 2010
  2. Darren September 23, 2010
  3. Tutorial Lounge September 29, 2010
  4. Dawn October 27, 2010
  5. Web Design Dubai September 17, 2011

Leave a Comment!