23 Essential HTML 5 Resources

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 HTM 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

Free Workshops

Watch one of our expert, full-length teaching videos. Choose from either HTML, CSS or Wordpress.

Start learning

Treehouse

Our mission is to bring affordable Technology education to people everywhere, in order to help them achieve their dreams and change the world.

Comments

77 comments on “23 Essential HTML 5 Resources

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

    Cheers

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

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

    @brucel
    @chanezon
    @samruby
    @iheni
    @laura_carlson
    @Rich_Clark
    @johnfoliot
    @mp3wizard
    @adamdecaf
    @bluelin77

  4. Pingback: LISTDUB» Carsonified » 23 Essential HTML 5 Resources

  5. Pingback: 30 fresh links! « Adrian Zyzik’s Weblog

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

  7. Pingback: Internet Brain » Carsonified » 23 Essential HTML 5 Resources

  8. Pingback: Carsonified » 23 Essential HTML 5 Resources | ScriptRemix.com Scripts

  9. Pingback: My Bad Attitude » 23 Essential HTML 5 Resources

  10. Pingback: 23 Essential HTML 5 Resources // HTML Five

  11. Pingback: ブクマク 07/16/2009 | 何か

  12. Pingback: Enlaces de interés: 16/07/2009 | Los Links de Félix

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

  14. Pingback: Daily Links for Thursday, July 16th, 2009

  15. Pingback: 23 essential HTML 5 resources | PHP Web developer, Robert Kern

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

  17. Pingback: HTML5 and The Future of the Web | How-To | Smashing Magazine

  18. Pingback: 23 Essential HTML 5 Resources | Design Newz

  19. Pingback: HTML5 and The Future of the Web « Tech7.Net

  20. Pingback: U.S. Art Studios Inc. » Blog Archive - HTML5 and The Future of the Web - U.S. Art Studios Inc. . A full firm advertising agency firm specialized in motion picture, photography, graphic design, printing and web design.

  21. Pingback: HTML 5 Weekly Review #3 | Jeff Siarto

  22. Pingback: HTML5 and The Future of the Web « LocalLab : Foire aux Infos

  23. Pingback: HTML5 and The Future of the Web | Design Visibility

  24. Pingback: Carsonified » 23 Essential HTML 5 Resources | Squico

  25. Pingback: 23 Usefull HTML 5 Resources For You | Webmaster 9

  26. Pingback: A collection of stuff » Blog Archive » Una lista de recursos esenciales para HTML 5

  27. Pingback: links for 2009-07-18 « Mandarine

  28. Pingback: 24 Resources para HTML5 » CSS no Lanche

  29. Pingback: ?Stars? of the week « it.bfitz.me

  30. Pingback: HTML5 « Diventare

  31. Pingback: HTML5, CSS3 y el futuro del desarrollo Web | Incubaweb

  32. Pingback: HTML5, CSS3 y el futuro del desarrollo Web : Blogografia

  33. Pingback: HTML5 Canvas Experiment « IO 9elements

  34. Pingback: Kick-Ass Squeeze – July 2009

  35. Pingback: Ultimate resources for learning HTML5 | blogfreakz.com

  36. Pingback: 70 Must-Have CSS3 and HTML5 Tutorials and Resources | trackteq.com

  37. Pingback: 70 Must-Have CSS3 and HTML5 Tutorials and Resources - Iconlandia

  38. Pingback: AMB Album » 70 Must-Have CSS3 and HTML5 Tutorials and Resources

  39. Pingback: 70+ 必备的 CSS3 和 HTML5 教程资源 « 脚本

  40. Pingback: Adept > 70 Must-Have CSS3 and HTML5 Tutorials and Resources

  41. Pingback: CSS3 Gallery, Showcase & Inspiration. Showcasing the best CSS3 Web Design on the Internet | 70 CSS3 & HTML5 Tutorials | CSS 3 Gallery

  42. Pingback: CSS3 y HTML5: Tutoriales y recursos para el nuevo diseño web | Recursos para desarrollo y diseño web - AlmacenPlantillasWeb Blog

  43. Pingback: Linkschleuder (3) – Die Welt ist gar nicht so.

  44. Pingback: Brad Frost’s Blog » Words that would otherwise be coming out of my mouth.

  45. Pingback: Css3 Now! (& Html 5) - Grafici Creativi

  46. Pingback: 12 Beautiful HTML5 Web Design Showcases | Geng Gao | the Blog | Design, Software, Gadgets blog

  47. Pingback: HTML 5

  48. Pingback: 70+ 必备的 CSS3 和 HTML5 教程资源 « SomeDay I'll Fly | Gabriel's blog

  49. Pingback: 70+ 必备的 CSS3 和 HTML5 教程资源 « SomeDay I'll Fly | Gabriel's blog

  50. Pingback: Being Stale | Stay Nerdy My Friends

  51. Pingback: O que muda com o HTML 5? « Diário Nerd

  52. Pingback: HTML5: tag nuovi e anteprima delle innovazioni | paitadesignblog

  53. Pingback: Webification Tuesday | Webification

  54. Pingback: HTML 5 | Pearltrees