Learn More About HTML5 with these Fantastic Articles

by Matt Montaruli on March 15, 2012

learn img mini Learn More About HTML5 with these Fantastic Articles

Below are some articles that we’ve found particularly useful either as a tutorial or reference for HTML5 tags.

New Tags

HTML5 W3C Editor’s Draft – This is an exceptionally useful resource which details HTML5 tags and how they should be used.

HTML5 Doctor – Another great resource with a long list of articles that can help you implement HTML5. This site also details semantics and the current recommended use of the different HTML5 tags.

Coding An HTML 5 Layout From Scratch – I’ve found this article to be extremely helpful in understanding and identifying appropriate HTML5 tags to use for a given situation. This article provides easy-to-understand interpretations of the W3C Editor’s Draft.

The Only HTML5 Resources You Need for Getting Up to Speed – This collection of articles provides some stellar links to resources on HTML5. This was one of the first resources i used to bring myself up-to-speed on HTML5.

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using – This article is an excellent resource on HTML5 markup and styling with CSS3.

Headings

HTML5 has introduced a new means of ranking heading tags. While we’ve written about it before, here are some other useful resources for learning about the new ways HTML5 ranks headings:

HTML 5, headings and sections – Matt Ryall provides a great writeup and useful diagram on how headings work with sectioning content elements.

Don’t Style Headings Using HTML5 Sections – Nicole Sullivan addresses the issue of styling heading tags now that section nesting conveys heading rank.

Canvas and JavaScript

One of the HTML5 elements getting the most hype is the canvas tag. While the canvas tag by itself does nothing, it allows you to create shapes and animation within the tag via JavaScript. This is a huge driver for why many are abandoning Flash.

HTML5 Canvas – a great basic overview from W3C Schools. Often the first place I look when I need to clarify something for a certain tag or style.

Canvas tutorial – Mozilla provides a great tutorial on learning the ins and outs of the canvas tag. They’ll teach you everything from drawing shapes to animations.

HTML5 Canvas Tutorials – has a wide array of lessons on how to accomplish certain effects in with the Canvas tag. The best way to learn is to dive right in.

21 Ridiculously Impressive HTML5 Canvas Experiments – Nettuts always provides a great range of resources and tutorials and this article is no different. This article has some tutorials on some really, really cool animations, effects and shapes that you can create with canvas.

HTML5 Game Development Resources – This article provides some great links for a lot of different effects and tutorials for HTML5—beginner’s tutorials, JavaScript, game development, game engines and HTML5 graphics.

Stumble across any other useful HTML5 articles? Provide us with a link in the comments below.