Learn23 Essential HTML 5 Resources


writes on July 15, 2009

Editor’s Note: Bruce Lawson will be doing a 1-hour tutorial called “How to build a HTML5 Web site” at the FOWD Tour.

Everyone is excited about the possibilities of HTML 5, but there’s a lot to learn and absorb as well. With that in mind, we’ve compiled a list of articles to get you started!

  1. Yes, You Can Use HTML 5 Today! – A great beginning overview of HTML 5
  2. Wikipedia: HTML 5 – A basic overview from Wikipedia
  3. HTML 5 Cheat Sheet – A great quick guide to HTML 5 as a printable PDF
  4. HTML 5 Demos – A great set of demos. Just view the source to see how they work.
  5. HTML 5 Drag and Drop + Microformats = a whole world of possibilities – An example of how to use Drag-n-Drop in HTML 5
  6. HTML 5 Gallery – See what’s possible with HTML 5
  7. HTML 5 Forms Demo – A powerful demo of how forms work in HTML 5
  8. HTML 5 Doctor – A great general resource on HTML 5
  9. Headers in HTML 5 – A good article from HTML 5 Doctor on the Header element
  10. Video elements – A useful article from HTML 5 Doctor on the Video element
  11. Designing a blog with html5 – A tutorial on how to build a blog in HTML 5
  12. How to get HTML5 working in IE and Firefox 2 – Another great article from HTML 5 Doctor
  13. HTML 5 – Draft Standard – The whole spec, in all it’s scary technical detail
  14. Semantics in HTML 5 – An opinion piece from A List Apart
  15. Thinking About HTML 5 canvas Accessibility – Some quick thoughts on accessibility problems with the Canvas element
  16. HTML 5: nav ambiguity resolved – A post by Zeldman on the HTML 5 Nav element
  17. A Selection of Supported Features in HTML5 – A great list from Molly about which HTML 5 features are supported by which browsers
  18. The WHATWG Blog – The Web Hypertext Application Technology Working Group – the folks working on the HTML 5 spec
  19. HTML 5 canvas – A great in-depth tutorial on how the HTML 5 Canvas element works
  20. Native Drag and Drop – A demo of how the Drag-n-Drop functionality works.
  21. Bespin – A Mozilla Labs experiment on how to build an extensible Web code editor using HTML 5 technology.
  22. When can I use… – Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies
  23. Comparison of layout engines (HTML 5) – A good resource from Wikipedia

People to follow

These are the folks that are at the center of HTML 5 …

  1. Ian Hickson (@hixie) – Editor of HTML 5 Spec. Currently working at Google.
  2. Dave Hyatt – Co-creator of Firefox. Worked with Ian Hixie on HTML 5 spec. Working at Apple on the Safari and WebKit team.
  3. Bruce Lawson (@brucel) – Works for Opera, evangelising open web standards as part of their Developer Relations team. Also a member of the Web Standards Project’s Accessibility Task Force.
  4. Update: The other folks behind HTML 5 Doctor: @Rich_Clark, @Rem, @jackosborne, @akamike and @leads.
  5. Molly Holzschlag – Group Lead for the Web Standards Project (WaSP) and an invited expert to the HTML and GEO working groups at the World Wide Web Consortium (W3C)
  6. We’re probably forgetting others … please make suggestions in the comments


Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Get Started

64 Responses to “23 Essential HTML 5 Resources”

  1. Nice list, but I would like to see more cheat sheets in the list, for example https://www.hostinger.com/tutorials/html-cheat-sheet

  2. Martin Henspentin on June 22, 2017 at 10:23 am said:

    Jens Meiert is missing. See eg his HTML index at https://meiert.com/en/indices/html-elements/ which is probably one of the most important HTML resources.

  3. Great collection – thanks for sharing.

  4. Hi, If I may I would like to mention my HTML5 canvas examples available at:

  5. Excellent list of the best HTML5 resoureces out there.

    You should also add Mark Pilgrim’s excellent Dive Into HTML5 (http://diveintohtml5.org/).

    There’s also my own HTML5 Laboratory (http://www.html5laboratory.com) which I am unable to update as often as I would like to, but it might be useful to some.

  6. Cheers Ryan,

    I should also add if you go view this Delicious links (html5gallery) I’ve been bookmarking HTML 5 articles for a while now that might be of interest to people.

  7. Very interesting post. thanks for the info.

  8. Ryan Carson on July 17, 2009 at 9:51 am said:

    @ Oli – Thanks bud. I’ll check those out.

  9. i’m getting help, really thankful to you 🙂

  10. Very nicely done. Thank you. ; ) I added it to my collection of top bookmarks featured at http://geek.michaelgrace.org/webnet/

  11. Not to blow my own horn, but

    <horn tooting>
    HTML5 structure—HTML4 and XHTML1 to HTML5
    HTML5 id/class name cheatsheet
    </horn tooting>


    peace – oli

    (Here’s hoping that works—a note on what code is permitted in comments would be great!)

  12. Ryan Carson on July 16, 2009 at 6:43 pm said:

    @ Rich Clark – Thanks for the heads up. I’ve updated the list and added you guys.

  13. Ryan Carson on July 16, 2009 at 6:37 pm said:

    @ Al – Thanks 🙂 I’ll fix that now.

  14. I prefer PHP personaly. I know I might get flamed for that but HTML always seemed a bit too.. straightforward to me. It’s just too simple.

  15. thanks….article is helpful

  16. I think Molly is a participant in the CSS WG. She doesn’t seem to be listed as a participant of the W3C HTML WG. Maybe she intends on joining?

  17. Too lazy to write an article?
    Make a list of links!


  18. Don’t forget that YouTube made a HTML5 sample of it’s page. Although it’s Safari 4 only.

    * Video is mpeg4.
    * Video controls are made in javascript.
    * Video thumbnails is mpeg4 with on-mouseover autoplay.
    * And of course it uses the new HTML5 elements.


  19. Great list, it could also include


    BTW, the new design for thinkvitamin+carsonified really ROCKS!!

  20. Good Job collecting these, Ryan. I’ve been posting updates on HTML5 and CSS 3 on Twitter ( @MrPaladin ) for abt a week now. It’s best to be ahead of the curve on something as fundamental as the HTML standard.

    Anyways, thanks for posting this!

  21. From Html5 Twitter Users at wefollow.com/twitter/html5


  22. Thanks for the links. Very useful!

  23. Think ‘Ian Hixie’ is Ian Hickson. His nickname is Hixie

  24. Did you miss @zeldman in this list? 😉

  25. Nice links Ryan. Can I just say that, while I work for Opera – which is heavily involved in the HTML 5 specification process – I’m not one of the team actually writing the spec. They are mates of mine and help me with understanding some segments, but I’m not part of that team. (They’re way too brainy for me!)

    My interest is as a web developer (before I joined Opera last year I was the technical lead for the Solicitors regulation Authority website http://www.sra.org.uk) so I’m kicking the tyres of the spec from a developer perspective rather than as a spec-head.

  26. Ryan, thanks for the link love to the gallery & doctor sites. A quick pimp to say that they are both on twitter @html5gallery & @html5doctor if you want to follow updates there.

    Also you’ve mentioned @brucel from HTML5 Doctor, the rest of us are @Rich_Clark, @Rem, @jackosborne, @akamike & @leads

    We’ve got plenty more articles in the pipeline but be sure to mail us or @ reply us any other questions you’ve got and we’ll do our best to answer.


Leave a Reply

You must be logged in to post a comment.

man working on his laptop

Are you ready to start learning?

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Start a Free Trial
woman working on her laptop