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.
Photoshop CS6 Cheat Sheet
20 Fresh CSS3 Tutorials
Developing Streamlined and Efficient CSS Styles
HTML5 & CSS3: Take Your Design to Another Level
8 Cheat Sheet Wallpapers for Designers and Developers
34 comments
Crikey Team
April 28, 2010Great Tutorial, Thank you..
CSSReX
April 28, 2010Cool!! Is it compatible with the major issue, IE6?
Damian Smith
April 28, 2010Thanks 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!
Jordan Walker
April 28, 2010Great list of resources, it is these types of posts that shift designers and developers towards the new standards.
Chris Mower
April 28, 2010I 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.
Cook
April 28, 2010great tutorial..loved it
Rachel
April 28, 2010great roundup of tutorials!highly informational..nice work..keep it up..
Theo
April 28, 2010Thanks for this great resource collection !
Inwebdeveloper
April 28, 2010Thanks for sharing your great resource!
Sean McGary
April 29, 2010Great collection of resources. Im always looking for really good cheat sheets to keep handy.
Deluxe Blog Tips
April 29, 2010There’re more some articles, videos about HTML5 which you can see in this article: Comprehensive HTML5 Tutorials, Resources, Libraries
Smashing Share
April 30, 2010Thanks 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/
Tim
May 2, 2010DevCheatSheet.com has more HTML 5 cheat sheets
Ian Devlin
May 17, 2010The 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.
axel
June 26, 2010greate… thanks//
Charleston Marketing
July 25, 2010This is a great list to share. It is too bad that the major browsers can’t keep up.
advait sakarde
August 8, 2010specially the cheat sheets were very useful
nikhil
August 25, 2010Gr8 collection. Thanks for sharing it.
brillcr
September 2, 2010A 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!
dreamincolor
November 1, 2010Don´t forget this 12 Incredible HTML5 Experiments
Check this out: http://www.dreamincoloronline.com/12-incredible-html5-experiments/
Arthur
January 3, 2011Very good Tutorial, Thank you.
sapardi
April 12, 2011Great tutorial, this open my mind about html 5…Thanks so much..
Mack
August 5, 2011Excellent html5 tutorial resources. Here is one more website focused on html5 inspiration http://www.csstrophy.com.
Mianne
August 28, 2011Thank you for this fantastic tutorial. I’m just starting to look into learning HTML 5, and this seems a great place to start.
HTML5
September 18, 2011Hi,
Greats from Spain,
Check this out:
http://www.foroshtml5.com
Mark William
November 9, 2011Great collection of resources.
Thanks a lot for this post.
Way2Geeks
December 3, 2011very nice collection..Thanx for the post..
sandy
December 10, 2011great to see these many advantages of HTML 5
Cyber
January 6, 2012Well, 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..
Yordan
January 10, 2012Hi.Thanks for sharing this.
arvind
February 2, 2012great to see these many advantages of HTML 5
HTML5 Tutor
February 8, 2012This is good list of sites. However, there are notable sites missing from this list. Are you planning to do an update?
Yogesh Kumar
June 6, 2012It’s wonderful! Thanks to share it.
Suffolk Media designer
October 2, 2012I 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.
1 Trackback
[...] 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 [...]