Good HTML5 Documentation on the Web

This document collects some resources on the web to help you getting started or improve your skills in html5.Thanks to  Ay DhontGreg Tyler

 

HTML5 Game Development

[box type=”shadow”]
http://www.html5gamedevelopment.org/

This website provides news, tutorials and all kind of information about game development with HTML5 and JavaScript.

 
[/box]

Dive into HTML5
[box type=”shadow”]
http://diveintohtml5.info/

This free online book by Mark Pilgrim covers a handpicked selection of interesting features of HTML5.

Its definitely one of the best sources for beginners.

 
[/box]

HTML5 Rocks

[box type=”shadow”]
http://www.html5rocks.com/

Knowledge collection maintained by the google folks, including a playground, presentations, samples and tutorials.

 
[/box]

20 Things I Learned (About Browsers And The Web)

[box type=”shadow”]
http://www.20thingsilearned.com

This HTML5-Book (well, its made in HTML5) covers the basics of networking, the web, browsers and as well HTML5.

 
[/box]

HTML5 Doctor

[box type=”shadow”]
http://html5doctor.com/

HTML5 Doctor is a blog(ish) platform which covers different elements of HTML5 with articles and tutorials to help you using them.

 
[/box]

Facebook HTML5 Resource Center

[box type=”shadow”]
http://developers.facebook.com/html5/

This collects several showcases guidelines and many interesting stuff about not only the basic elements of HTML5 as well as applying them to concrete use cases like games and applications.

 
[/box]

HTML5 Canvas Tutorials

[box type=”shadow”]
http://www.html5canvastutorials.com/

This website has tons of tutorials for the canvas element which ranges from beginner tutorials (how do I draw a line?) to very advanced stuff (animation, mouse-handling, states).

 
[/box]

HTML5 Boilerplate

[box type=”shadow”]
http://html5boilerplate.com/

You want to start a new project and need a good foundation to build upon? The HTML5 boilerplate helps you out with a sample markup, basic CSS and .htaccess magic to make the best use of browser caching.

 
[/box]

When can I use…

[box type=”shadow”]
http://caniuse.com/

Description from the website: Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

You can simply lookup thich elements of different HTML5 components are already available for the mainstream browsers

 
[/box]

HTML5 platform reference

[box type=”shadow”]
http://platform.html5.org/

Quick reference to various parts of HTML5, including links to specs and MDN documentation. Useful little page.

 
[/box]

Media Queries

[box type=”shadow”]
http://mediaqueri.es/

A collection of inspirational websites using media queries and responsive web design.

 
[/box]

Device Atlas

[box type=”shadow”]
http://deviceatlas.com/

All the properties you need for a diverce devices and browser landscape.

 
[/box]

CSS3 Test

[box type=”shadow”]
http://css3test.com/

Exactly how much CSS3 does your browser support?
[/box]