List of helpful HTML5 guides, frameworks and tools

Geekchamp HTML5 tutorials

“This series of tutorials contains 19 Getting Started lessons that would help developers to master the basics of HTML5 in 12 hours! It can also be used as a quick HTML5 reference guide!”

http://www.geekchamp.com/html5-tutorials/introduction

Bootstrap

“a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and other interface components, as well as optional JavaScript extensions.”

http://getbootstrap.com/getting-started/

Zurb Foundation

“Foundation is the most advanced responsive front-end framework in the world. With Foundation you can quickly prototype and build sites or apps that work on any kind of device, with tons of included layout constructs (like a full responsive grid), elements and best practices.”

http://foundation.zurb.com/docs/

AngularJS

AngularJS is an MVC framework. It enhances HTML by attaching directives to your pages with new attributes or tags and expressions in order to define very powerful templates directly in your HTML.

http://docs.angularjs.org/tutorial

jPlayer

“jPlayer is the completely free and open source (MIT) media library written in JavaScript.”

http://jplayer.org/

Raphaël – JavaScript Library

“Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.”

http://raphaeljs.com/

Popcorn.js

“Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla’s Popcorn project.”

http://popcornjs.org/

Evaluations of Existing HTML5 Video Players http://wiki.fluidproject.org/display/fluid/Evaluations+of+Existing+HTML5+Video+Players

WebStorm – HTML5/Javascript IDE

“As far as JavaScript development is concerned, WebStorm sets the bar to which all other dedicated JavaScript Web development IDEs must be measured against.” http://www.jetbrains.com/webstorm/