Learn HTML5: 10 Must Read Lessons

What’s up with the hype of HTML5?

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.

1. HTML5 Getting Started Guide

HTML5 Guides: 10 Must Read Tutorials

Concise beginner guide in HTML5 – newbies should start reading from here.

Read HTML5 Getting Started

2. Preview of HTML5

HTML5 Guides: 10 Must Read Tutorials

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.

Read HTML5 Preview

3. What Does It All Mean (Dive into HTML5)

HTML5 Guides: 10 Must Read Tutorials

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

Read What Does It (HTML5 elemenets) All Mean

4. HTML5 Demos and Examples

HTML5 Guides: 10 Must Read Tutorials

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!).

HTML5 Demos

5. HTML5 Differences From HTML4

HTML5 Guides: 10 Must Read Tutorials

Detail comparison guide of HTML4 and HTML5 by the W3C (there is no better source than this!).

Read HTML5 differences from HTML4

6. HTML5 and CSS3: The Techniques You’ll Soon Be Using

HTML5 Guides: 10 Must Read Tutorials

This is a great tutorial that combines the application of HTML5 and CSS3 – must read for beginner/advance level of web developer and designer.

Read HTML5 & CSS3: The Techniques You’ll Soon Be Using

7. HTML5 localStorage()

HTML5 Guides: 10 Must Read Tutorials

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.

Read HTML5 localStorage()

8. HTML5 Canvas Cheat Sheet

HTML5 Guides: 10 Must Read Tutorials

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

Get HTML5 Canvas Cheat Sheet

9. Designing A Blog With HTML5

HTML5 Guides: 10 Must Read Tutorials

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

Read Designing a blog with HTML5

10. HTML5 Cheat Sheet

HTML5 Guides: 10 Must Read Tutorials

What can I say? Everyone loves a cheat sheet or two. ;)

Get HTML5 Cheat Sheet




Popular Web Hosting Reviews

In case you're here looking for some honest hosting reviews, here're some of my popular hosting reviews.

Hostgator Hosting iPage Hosting BlueHost Hosting Fatcow Hosting JustHost Hosting Review
Hostgator Review iPage Review BlueHost Review Fatcow Review JustHost Review



13 Comments for "Learn HTML5: 10 Must Read Lessons"

  1. avatar WebpageLottery Says:

    Parsing websites is gonna be a big challenge to search engines now.

  2. avatar 160 Awesome Fresh Articles for Designers and Developers | tripwire magazine Says:

    [...] 10 Must Read HTML5 Lessons [...]

  3. avatar Is HTML5 A Go? Says:

    [...] By the way, check out some of the tutorials and lessons I read recently on the subject: 10 Must Read HTML5 Lessons. [...]

  4. avatar Ian Devlin Says:

    Also feel free to check out: http://www.html5laboratory.com

    All comments welcome.

  5. avatar anjan bacchu Says:

    hi there,

    thanks for compiling the list.

    BR,
    ~A

  6. avatar mario Says:

    2022?

    Damn that’s far off.

  7. avatar My daily readings 06/20/2010 « Strange Kite Says:

    [...] Learn HTML5: 10 Must Read Lessons [...]

  8. avatar HTML5 Roundup at Under The Bridge Says:

    [...] Learn HTML5: 10 Must Read Lessons has a bunch of good stuff. [...]

  9. avatar THE MOLITOR Says:

    Nice list! Some amazing stuff here.

  10. avatar HTML5 - Camosun Web Foundations Program Blog and Lessons Says:

    [...] Learn HTML5: 10 Must Read Lessons [...]

  11. avatar What Im reading | Jeremy Wheat Says:

    [...] Learn HTML5: 10 Must Read Lessons (webhostingsecretrevealed.com) [...]

  12. avatar HTML5 – 10 gute Artikel | blog.visionproject.de Says:

    [...] finden sich die 10 MustReadLessons zu HTML5 Dieser Beitrag wurde unter Grafik veröffentlicht. Setze ein Lesezeichen auf den [...]

  13. avatar Lawrence Ip Says:

    4 is good for now and yes, 5 will be a welcome improvement. It’s a bit like the automobile and petrol pump story. It’s gonna take time. Cheers…

Have your say! Leave a comment.

Please also share the article if you like it. Comments are moderated and rel="nofollow" is in use. Please no link dropping unless it's necessary, do not spam, and do not advertise.