HTML5 this, HTML5 that! There’s been plenty of HTML5 talk around the blogging world recently. It’s no longer a tiny spec on the horizon, it’s due to arrive soon! Some have already embraced it and are using it on their latest sites. Want to join in on all the fun? Check out this collection of some of the best resources from various blogs and websites in the industry. Each one gives an interesting insight into what’s in store with detailed write-ups, tutorials and handy cheat sheets to help you along your way.
HTML5 and The Future of the Web
A good place to start for a dose of HTML5 goodness is this in-depth article from Smashing Magazine. Learn about the basics, and see what changes are due to take place with some handy illustrations and diagrams.
Get Ready for HTML 5
For those wanting to read up on some more complicated HTML 5 features, A List Apart has an article covering everything you’d want to know about regular expressions, SVG graphics and the Canvas element.
CSS code structure for HTML 5: some useful guidelines
Woork provides some useful guidelines and examples in this post, showing how both HTML and CSS can be written to work together.
HTML 5 Tutorial – A Simple Web Page Layout
If tutorials are more your thing, get your hands dirty with this walkthrough on SpicyWebDesign, which covers the process of building a simple web page layout with a HTML5 structure.
HTML5: The Basics (1 of 4)
This four part series on Design Shack covers everything you could wish for, starting with the basics the series then moves on to explain the new elements, discusses semantic changes and describes how to get HTML5 working today.
A Preview of HTML 5
A List Apart were on the ball in 2007 when they published this fantastic article that previewed the changes in HTML5. Two years later it still acts as a popular destination to familiarise yourself with the new markup.
Steve Smith on HTML5 and CSS3
Learn what renown front end developer Steve Smith has to say about HTML5 in his recent interview on the Carsonified blog, prior to his HTML5/CSS3 workshop at FOWD in New York.
HTML5 Doctor
If you have your sights set on implementing HTML5 in your next website project, the HTML5 doctor could offer some great advice with a site full of useful questions/answers and articles.
The Future of HTML 5
Bruce Lawson gave an introduction to HTML5 at the FOWA London conference, and explained how it might be used in the future. See the full video of the presentation over at Carsonified’s blog.
5 Exciting Things to Look Forward to in HTML 5
If you’re simply wondering what all the fuss is about, head on over to Read Write Web for a roundup of just 5 exciting things to look forward to in HTML 5.
Yes, You Can Use HTML 5 Today!
Sitepoint hosts this excellent article covering some of the latest updates in HTML5, and shows us how we can put the markup into practice on our websites today.
HTML 5 Pocket Book
Wouldn’t it be useful if there was a handy overview of all the new elements and tags? Adactio.com has just the thing with the HTML 5 Pocket Book.
HTML 5 PDF Cheat Sheet
If you would prefer something to download and keep to hand, Smashing Magazine’s PDF cheat sheet gives an overview of each tag and attribute with a description of each.
HTML 5 Visual Cheat Sheet by Woork
How about a printable version of Woork’s HTML5 cheat sheet to stick on your office wall? Or better yet, stick it on your bedroom ceiling so it’s the last thing you see at night, and your first sight in the morning!
HTML5 Draft Standard
Have a few hours of spare time? If you’re feeling adventurous why not read through the HTML5 Draft Standard from the Web Hypertext Application Technology Working Group.
Good list, seen some of them before but others are new to me.
I’m currently looking to use HTML5 in a new website, so these are very useful indeed!
Chris
also : http://diveintohtml5.org/ has some nice articles, you should check it out
nice list of resources, but just want to add don’t forget where we started from:
http://w3schools.com/html5/html5_reference.asp
Excellent roundup Chris! Thanks for compiling these resources for us.
@Paul thanks for the link!
great articles
thank you
Here’s a gallery of html5 websites:
http://html5gallery.com/
Great roundup!
@Anthony – That’s a great site. Thanks for sharing that as well.
Thanks for the excellent resources. I really liked the pocket book and have already printed off a copy. HTML 5 will make it so much easier to clearly label relevant content instead of trying to move irrelevant stuff lower down the HTML code and reposition via CSS.
Thanks for this round-up Chris.
I would mention another great resource from another Chris but Coyier this time: http://css-tricks.com/what-beautiful-html-code-looks-like/
I found it really usefull.
Hope it’ll help.
Very nice roundup. Time to experiment more on HTML 5!
Great collection of HTML5 resources. Thanks for all your work.
Now I have full package of html 5 info
Great article! Thanks for sharing.
Nice list, Thanks!
Thanks Chris for putting them all together.
Thanks for this list of resources. Very interesting to see what HTML5 is about …. have been checking it out lately .. it’ll be interesting seeing what the take up is with designers …
thanks for sharing it i have got a full packet.
Don’t forget Canvas Demos – okay, it’s dedicated to just one HTML5 element; but it’s worth a visit! :)
Hey! SpicyWebDesign is dead. R.I.P.
Hey: SpicyWebDesign is dead. R.I.P.