15 Useful HTML5 Tutorials and Cheat Sheets

One Ping

1. Pingback: 10 HTML5 Demos to Make You Forget About Flash | Inspiration

34 Comments

1. Crikey Team April 28, 2010 at 5:00 AM Reply

   Great Tutorial, Thank you..

2. CSSReX April 28, 2010 at 6:23 AM Reply

   Cool!! Is it compatible with the major issue, IE6?

3. Damian Smith April 28, 2010 at 8:09 AM Reply

   Thanks for providing these sites, didn’t realise how much you could actually do with HTML5.

   I’m just trying to learn all the new css3 techniques at them moment, although I’m not 100% on using a lot of them because of browser compatibility etc. But most of my new sites have a bit of drop shadow and rounded corners here and there. I really don’t like using fixes either!

   Which new techniques do you like to use and just try and forget about well IE mainly! Although IE9 is supposed to support pretty much everything!

4. Jordan Walker April 28, 2010 at 8:51 AM Reply

   Great list of resources, it is these types of posts that shift designers and developers towards the new standards.

5. Chris Mower April 28, 2010 at 10:34 AM Reply

   I use some CSS3 techniques on my site, but I haven’t done a whole lot of dabbling into it or HTML5 yet. I appreciate the round-up of these great sites to help me learn it, thanks.

6. Cook April 28, 2010 at 12:06 PM Reply

   great tutorial..loved it

7. Rachel April 28, 2010 at 12:24 PM Reply

   great roundup of tutorials!highly informational..nice work..keep it up..

8. Theo April 28, 2010 at 7:12 PM Reply

   Thanks for this great resource collection !

9. Inwebdeveloper April 28, 2010 at 11:24 PM Reply

   Thanks for sharing your great resource!

10. Sean McGary April 29, 2010 at 2:32 AM Reply

    Great collection of resources. Im always looking for really good cheat sheets to keep handy.

11. Deluxe Blog Tips April 29, 2010 at 10:23 AM Reply

    There’re more some articles, videos about HTML5 which you can see in this article: Comprehensive HTML5 Tutorials, Resources, Libraries

12. Smashing Share April 30, 2010 at 11:48 AM Reply

    Thanks for all these cheat sheets and nice to see how everybody is writing about HTML5 including me 🙂
    Hope someone find this link worth!
    https://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/

13. Tim May 2, 2010 at 4:58 AM Reply

    DevCheatSheet.com has more HTML 5 cheat sheets

14. Ian Devlin May 17, 2010 at 9:31 AM Reply

    The more posts that are out there promoting HTML5 the better, as some of the posts above show, many people are still unaware what it can offer and that it can be used already.

    It’s also worth checking out HTML5 Laboratory – I would say that as it’s my own site of course.

15. axel June 26, 2010 at 5:20 AM Reply

    greate… thanks//

16. Charleston Marketing July 25, 2010 at 2:01 PM Reply

    This is a great list to share. It is too bad that the major browsers can’t keep up.

17. advait sakarde August 8, 2010 at 2:09 AM Reply

    specially the cheat sheets were very useful

18. nikhil August 25, 2010 at 1:55 AM Reply

    Gr8 collection. Thanks for sharing it.

19. brillcr September 2, 2010 at 3:40 PM Reply

    A Great set of HTML 5 tutorials here. Musn’t forget Mark Pilgrim’ beautifully written HTML 5 masterpiece at diveintohtml5.org. I think it’s great that we will soon be able to put more than 1 h1 tag on a page in several ‘sections’ and for it to validate! Yay!

20. dreamincolor November 1, 2010 at 11:12 AM Reply

    Don´t forget this 12 Incredible HTML5 Experiments

    Check this out: https://www.dreamincoloronline.com/12-incredible-html5-experiments/

21. Arthur January 3, 2011 at 7:45 AM Reply

    Very good Tutorial, Thank you.

22. sapardi April 12, 2011 at 3:22 AM Reply

    Great tutorial, this open my mind about html 5…Thanks so much..

23. Mack August 5, 2011 at 5:25 AM Reply

    Excellent html5 tutorial resources. Here is one more website focused on html5 inspiration https://www.csstrophy.com.

24. Mianne August 28, 2011 at 9:54 AM Reply

    Thank you for this fantastic tutorial. I’m just starting to look into learning HTML 5, and this seems a great place to start.

25. HTML5 September 18, 2011 at 8:00 AM Reply

    Hi,

    Greats from Spain,

    Check this out:

    http://www.foroshtml5.com

26. Mark William November 9, 2011 at 1:31 AM Reply

    Great collection of resources.
    Thanks a lot for this post.

27. Way2Geeks December 3, 2011 at 2:00 PM Reply

    very nice collection..Thanx for the post..

28. sandy December 10, 2011 at 9:55 AM Reply

    great to see these many advantages of HTML 5

29. Cyber January 6, 2012 at 2:54 AM Reply

    Well, it will be another 4-5 years before we can establish HTML5 as the default web language and structure, due to Microsoft not allowing IE to support it till version 9, and this only being allowed to be installed in Windows 7. companies still using XP, Many if not most still have not made the descision to upgrade, and if you go round coffee shops, they are all still using XP and IE6. with this background, web sites still need to be constructed to the mass market with the lowest common denominator. We are still needing to construct with browser detection and switch the display or technology accordingly. I for example am building a HTML5 game, that can not be down graded to old browsers because I am extensivly using the Canvas, and will not work on execanvas or flash canvas, but I make the descision to force my users to use an alternative..

30. Yordan January 10, 2012 at 5:18 PM Reply

    Hi.Thanks for sharing this.

31. arvind February 2, 2012 at 7:20 AM Reply

    great to see these many advantages of HTML 5

32. HTML5 Tutor February 8, 2012 at 11:44 AM Reply

    This is good list of sites. However, there are notable sites missing from this list. Are you planning to do an update?

33. Yogesh Kumar June 6, 2012 at 6:02 AM Reply

    It’s wonderful! Thanks to share it.

34. Suffolk Media designer October 2, 2012 at 8:58 AM Reply

    I can never have enough HTML 5 goodies. Thanks for sharing!
    Please, don’t talk about HTML5 replacing Flash. That is plain ridiculous. More some petty stuff, yet, but Javascript has done that already.