Article by Jerry Low
Geek dad, SEO data junkie, investor, and founder of Web Hosting Secret Revealed. Jerry has been building Internet assets and making money online since 2004. He loves mindless doodling and trying new food.
Note: This post is published in 2010 and it is one of our most popular web design posts. To make this article remain useful and to prolong the life of this post, I will try my best to keep this post filled with useful and update information. Post last update: June 24th, 2014.
HTML5 is currently being developed as the next major revision of HTML and it is still far away from W3C recommended release date (year 2022 or later). However with the release of Apple iPad, the topic is got extremely heated and almost every web designer are talking/reading/writing/blogging/twitting about it.
Moreover, many early adapters (web developers and geeks) started creating some cool stuffs wtih the cleaner HTML5/CSS3 codes. In case you wanted to be one of them but don’t know where to start, here are list of useful HTML5 tutorials to get you started. It’s been a long week searching and reading on these tutorials (hey, I’m new to this too!) – I hope you make good use of them. Also, if you are one of the authors of these tutorials – I couldn’t thank you guys enough! It’s been a great learning journey reading each of these; thank you very, very much.
Concise beginner guide in HTML5 – newbies should start reading from here.
This was an ‘overview’ on HTML5 published back in late 2007. Nevertheless, it is still a good learning source for those who are unfamiliar with the codes. Personally I like the ‘big picture’ this article offers.
‘Dive Into HTML5’ is a HTML guide book to be published by O’Reilly. The chapter ‘What Does It All Mean’ offers a clear explanation on the basics of HTML5 semantics/elements.
It’s always easier to learn something new via examples. This site provides up to 20 examples of HTML5 experimentations and demos (with source code!).
Detail comparison guide of HTML4 and HTML5 by the W3C (there is no better source than this!).
This is a great tutorial that combines the application of HTML5 and CSS3 – must read for beginner/advance level of web developer and designer.
One of the best things you can do with HTML5 is to establish a client side database (on user browser) with localStorage. To start using this awesome HTML5 function, the HTML5 localStorage() tutorial series (4 detail articles) published at PaperKilledRock.com comes very handy.
The information provided is pretty much just a condensed copy of WHATWG specifications. However the .pdf file is definitely a must have on your notice board (especially when you are dealing with a HTML5 project that involves loads of canvas elements).
This is a tutorial that every blog theme developer will need to read. (You should also read the author’s blog Bruce Lawson for more related updates.)
What can I say? Everyone loves a cheat sheet or two. ;)
So do we! Here’s more on the topic, go check them out.
[icon_list icon=”angle-right”]* 30 Very Cool Examples of HTML 5 Websites
* Getting Started with HTML 5
* Master HTML 5: 10 Instant Tips and Tricks with Sample Code
* Top 30 Must Read HTML 5 Tutorials in 2012