in Design

12 Useful HTML5 Tutorials and Resources

We have made a list of free 12 useful HTML5 Tutorials and Resources.


Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers. Before we start, make note of the answer to this question. Do websites need to look exactly the same in every browser?

HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible.

Coding A HTML 5 Layout From Scratch

Design & Code a Cool iPhone App Website in HTML5

HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

Design & Code a Cool iPhone App Website in HTML5

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

I’m sure that who chooses to work as web designer makes a choice of heart, a choice of love. He/she decides to bet any given day on his creativity and his ability of producing an idea and of making it tangible, visible and perceptible for all. These crazy men have my respect. But, also when the creative side is very important for a work, there exists a logical (and technical) part in all creative process.

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

Preparing for HTML5 with Semantic Class Names

A brief introduction to the new structural elements in HTML and how to prepare for them by using semantic class names in HTML 4.01 or XHTML 1.0.

Preparing for HTML5 with Semantic Class Names

Structural Tags in HTML5

The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical div entries from our code. So let’s dig in.

Structural Tags in HTML5

Further Resources

A Selection of Supported Features in HTML5 – A great list about HTML5 features and their browser support

HTML5 on Wikipedia – HTML5 Wikipedia page.

HTML5 Canvas: The Basics – Great tutorial about the basics of HTML5 Canvas.

HTML5 Visual Cheat Sheet – A simple Visual HTML5 Cheat Sheet from woorkup.

HTML5 Canvas Cheat Sheet – Handy HTML5 Canvas Cheat Sheet, .PDF or .PNG file.

HTML5 Pocket Book – A useful HTML5 Pocket Book from Jeremy Keith.


Co-Founder of TDM, full time Webdesigner. Follow on Twitter