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 HTML5 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.
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. You can also check out their previous articles about HTML5, such as Coding An HTML 5 Layout From Scratch, Road Map To Coding With HTML5: Tutorials and Guidelines, HTML5 Semantics, and HTML5: The Facts And The Myths.
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.
Designtailors provides some useful guidelines and examples in this post, showing how both HTML and CSS can be written to work together. This article will teach you how to implement CSS code into HTML 5 markup and also give you some tips on how to improve the readability and organization of your CSS code.
Diveintohtml4 gives its readers hand-picked selections of HTML5 features. Their aim is to keep us up to date in regards to content, links, APIs and other resources. This is a very useful article for beginner web developers who want to understand better what HTML5 is all about.
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. It also explains the key differences from HTML4.01 and XHTML 1.0 so you can start updating your sites.
A List Apart published this fantastic article that previewed the changes in HTML5 and which helps you familiarize yourself with this markup. This is a great article to start with, if you want to learn more about HTML5 and its features. It offers a compehensive preview of HTML5.
Learn what renown front end developer Steve Smith has to say about HTML5 in his interview on the Teamtreehouse blog, prior to his HTML5/CSS3 workshop at FOWD in New York. He is an author, public speaker, and University of Notre Dame professor.
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.
Iandevlin is a website which aims to continuously gather useful resources for web developers. You’ll find plenty useful tutorials on CSS, HTML and so much more. This is a list of resources that web developers will benefit from. It contains tutorials, coding stuff, graphics, fonts, and more.
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.
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.
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. This helpful printable HTML5 Cheat Sheet lists all the currently supported tags, their descriptions, and their attributes.
How about a printable version of Woorkup’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!
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.
Want more awesome HTML5 resources, articles and tutorials? Check out these: