HTML5 Resources Round-Up

This continues my series of round-ups on HTML5 that covers the following:

1. HTML5 Tutorials
2. Canvas
3. SVG
4. Geolocation
5. HTML5 Web Storage
6. Web Sockets / Push / Real-Time
7. HTML5 Microdata, Microformats, and RDFa
8. HTML5 Media Elements
9. HTML5 Cheat Sheets
10. CSS3

Therefore, these are not included below. It also excludes Mobile Development and Layout Frameworks.

There’s a wiki page on Github of HTML5 Cross Browser Polyfills (aka “The All-In-One Entirely-Not-Alphabetical No-Bullshit Guide to HTML5 Fallbacks”), I recommend that you check there for other resources not found in this series, such as HTML5 Forms – of which I didn’t have anything in addition to what they already have there.

Templates / Starter Kits

• HTML5 Boilerplate (html5boilerplate.com)
• HTML5 and CSS3 starting template (Kamikazemusic.com | December 7th, 2009)
• HTML5 Mini Template ({Carrer web log} | August 25, 2010)
• HTML5 Reset v2 (Monkey Do, LLC)
• HTML5 Starter Pack by Radu Chelariu (Sickdesigner.com)
• Initializr – an HTML5 templates generator to help you get started with your HTML5 project (initializr.com)
• Semantic HTML5 Page Layout (CodeProject)
• SwitchToHTML5 – The HTML5 Framework Generator (switchtohtml5.com)
• The real HTML5 boilerplate (CSS Wizardry)

HTML5 Frameworks / JavaScript Libraries

• 52Framework – First ever HTML5 and CSS3 framework! (cross-browser) (52framework.com)
  • via 52 Framework: The First Ever HTML5 and CSS3 Framework (Design Shack)
• HTML 5 innerShiv (jdbartlett)
  • via Fix Inserted HTML5 Content with HTML5 innerShiv (css-tricks)
• Modernizr – HTML5 & CSS3 Detection (Modernizr)
• html5shim – HTML5 IE enabling script (Google Project Hosting)
  • via HTML5 enabling script (remy sharp’s b:log)
• html5shiv – HTML5 IE enabling script (Project Hosting on Google Code)
  • via HTML5 Shiv (John Resig)
• ieCSS – IE Print Protector for Printing HTML5 in Internet Explorer (iecss.com)
• OpenLaszlo | the premier platform for rich internet applications (openlaszlo.org)
• SproutCore – an HTML5 application framework (sproutcore.com)

HTML5 References

• HTML 5 Reference – a complete list of HTML 5 tags (html5tutorial.net)
• HTML 5 Tag Reference (W3Schools.com)
• HTML5 Features at a Glance – A Selection of Supported Features in HTML5 (molly.com)
• HTML5 Glossary of Term Definitions (html5doctor)
• Internet Explorer 9 HTML5 Feature Support Chart (Impressive Webs)
• The Current State of HTML5 Forms – With Feature Support Charts (wufoo.com)

Demos / Experiments

• HTML5 Demos and Examples (html5demos.com)
• HTML5 Gallery | A showcase of sites using HTML5 markup (html5gallery.com)
• HTML5 Labs (Microsoft Corporation)
• HTML5 Showcase: 48 Potential Flash-Killing Demos (Hongkiat.com | Jun 7, 2010)
• HTML5 Studio (HTML5 Rocks)
• HTML5 Watch (Neven Mrgan)
• Speech attribute for input element demo (jeremyselier.com)

HTML5 Tools

• HTML 5 Intellisense In Visual Studio 2010 (DevCurry | October 13, 2010)
• Validating HTML5 with validator.nu and the HTML5Validator Extension for Firefox (456 Berea Street)
• Quality Assurance tools for HTML5 (The WHATWG Blog)

Misc

• HTML5 Rocks – Google’s site for HTML5 Resources (Google)
• Preview of the “Edge Prototype” tool for HTML5 (Adobe Developer Connection RSS Feed)
• Rendera – Online HTML5 Editor to help you learn HTML5 and CSS (rendera.heroku.com)
• The HTML5 test – How well does your browser support HTML5? (html5test.com)
• HTML5 and CSS3 Readiness of Popular Browsers Visualized (html5readiness.com)
• Beautiful-HTML.png – A Poster on beautiful HTML5 (PNG Image, 2000×2000 pixels) (css-tricks)