Five Websites To Learn HTML5

A List Apart

A List Apart HTML5 Lesson

A List Apart is a must-know website for any developer, covering everything from presentation to the markup behind the page. This article from A List Apart by J. David Eisenberg goes through suggestions to get your website HTML5 ready. He talks about XHTML5, regular expressions and the canvas element with SVG.

Periodic Table of Elements

Periodic table of HTML5

Josh Duck has created this beautiful periodic table for HTML5. Though you don’t have to memorize all the elements of the table, it links each element to a resource which will tell you more such as the W3 documentation. Also, by inputting a website into the ‘How are they used?’ It will breakdown the website into elements used, immensely useful for any web developer. It also is color-coded by the type of element, for example by tabular data.

HTML5 Doctor

HTML5 Doctor

This blog goes through the elements of HTML5 and a quick browse through the archive shows just how wide the breadth of content is. It goes through some HTML5 challenges in Simplequiz, gets reader questions in ‘Ask the Doctor,’ and also touches on some JavaScript and common mistakes when using HTML5.

HTML5 Rocks

HTML5 Rocks

This is a very cool website with many tutorials sorted by each new category of the HTML5 specification. Visit the code playground with a HTML5-ready browser (I hope you’ve ready done that) for some examples with source code. The website was created by employees at Google, who also work on Chrome development.

HTML 5 Demos and Examples

HTML5 Demos

This websites shows the power of HTML5 in some simple demos. It helpfully sticks to using one or two new technologies in each example and source code is available for all of the examples. It also tells you what each browser supports and all code is licensed under Creative Commons Attribution-ShareAlike 2.0 (UK).


Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s