15 Useful HTML5 Tutorials and Cheat Sheets
HTML5 is giving web designers and developers new capabilities that were things of fantasy with previous versions of HTML. Web pages will now be more semantic with the use of structure specific tags. Visual elements like rounded corners are now built in, and so is the ability to create drag and drop interactivity. Even though HTML5 is not fully supported in major browsers, there are those that are pushing forward and experimenting with its new features. In an effort to encourage you to do the same and to prepare you for the future, we’ve rounded up 15 useful HTML5 tutorials and cheat sheets.
Tutorials
How to Make an HTML5 iPhone App
Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3
Design & Code a Cool iPhone App Website in HTML5
Coding A HTML 5 Layout From Scratch
HTML 5 and CSS 3: The Techniques You’ll Soon Be Using
Have a Field Day with HTML5 Forms
Designing a blog with html5
Touch The Future: Create An Elegant Website With HTML 5 And CSS3
Structural Tags in HTML5
Coding a CSS3 & HTML5 One-Page Website Template
How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6
Cheat Sheets
HTML 5 Cheat Sheet
HTML 5 Visual Cheat Sheet
HTML5 Canvas Cheat Sheet
HTML 5 Pocket Book
Related Posts
Here's some other articles that you will definitely find useful.
7 Useful Resources to Help You Learn HTML5
10 HTML5 Demos to Make You Forget About Flash
11 Helpful Cheat Sheets for Popular Google Products
13 Pure CSS Techniques for Creating JavaScript-like Interactions
12 Excellent CSS3 Button and Menu Techniques
Apr 28, 2010
Great Tutorial, Thank you..
Apr 28, 2010
Cool!! Is it compatible with the major issue, IE6?
Apr 28, 2010
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!
Apr 28, 2010
Great list of resources, it is these types of posts that shift designers and developers towards the new standards.
Apr 28, 2010
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.
Apr 28, 2010
great tutorial..loved it
Apr 28, 2010
great roundup of tutorials!highly informational..nice work..keep it up..
Apr 28, 2010
Thanks for this great resource collection !
Apr 28, 2010
Thanks for sharing your great resource!
Apr 29, 2010
Great collection of resources. Im always looking for really good cheat sheets to keep handy.
Apr 29, 2010
There’re more some articles, videos about HTML5 which you can see in this article: Comprehensive HTML5 Tutorials, Resources, Libraries
Apr 30, 2010
Thanks for all these cheat sheets and nice to see how everybody is writing about HTML5 including me
Hope someone find this link worth!
http://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/
May 2, 2010
DevCheatSheet.com has more HTML 5 cheat sheets
May 17, 2010
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.
[...] hearing a lot lately about how Flash is a dying technology and how it’ll soon be replaced by HTML5. Personally, I think that it will slowly replace Flash for some things, but Flash will always have [...]
Jun 26, 2010
greate… thanks//
Jul 25, 2010
This is a great list to share. It is too bad that the major browsers can’t keep up.
Aug 8, 2010
specially the cheat sheets were very useful
Aug 25, 2010
Gr8 collection. Thanks for sharing it.