Hello Internets! Well it’s time to start relearning HTML again now that version 5 has hit the mainstream. While HTML5 is not fully here, it is here enough that we need to learn it up. This page is going to be a list of mention-ables in the currently changing HTML space.

I will do my best to keep this up to date.  If I missed any polyfill, shim, html5 library, javascript library, just let me know.

BROWSERS

• Chrome : Google’s web browser is too fast and too awesome not to list. Speed, developer tools, free, cross platform, what else do you need?  http://www.google.com/chrome
• Firefox 4 – I’m liking what I’m seeing here. Firefox 4 is FAST! Which is a good thing because Firefox 3 lost the title of default browser.  http://www.mozilla.com/en-US/firefox/beta/
• Internet Explorer 9 – I’ll catch a lot of heat for this one, but I am giving my stamp of approval to Internet Explorer 9.  Not because I was involved with the beta launch, but because it’s fast, has great developer tools, and it just looks nice.  http://www.beautyoftheweb.com
• Safari – Apple’s browser is very good at renderring HTML5 and also has fantastic built in tools. It’s not my default browser, but I like it.  http://www.apple.com/safari/
• Opera – It’s been around for a while, but it still seems to be a developer centric browser.  Opera 11 has amazing HTML5 support, give it a try.  http://www.opera.com

BROWSER TESTS

• Can I Use? – Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.  http://caniuse.com/
• The HTML5 Test – Does what it sounds like, tests your browser’s HTML5 compliancy.  http://html5test.com/
• Peacekeeper – The Browser Benchmark tool.  http://clients.futuremark.com/peacekeeper/index.action
• CSS3 Selectors Test – CSS3 type selector test to see how well your browser handles CSS3.  http://tools.css3.info/selectors-test/test.html
• findmebyip.com - More than what’s my IP Address.  Displays your public IP address, as well browser centric information such as HTML5 & CSS3 support.  http://findmebyip.com.  Be sure to check out their Developer Tools as well.

JAVASCRIPT LIBRARIES

• easeljs – A javascript libary from gskinner.com that is loosely based on Flash’s DisplayList, allowing you to do complex animations using HTML5′s Canvas tag.  http://easeljs.com/
• HTML5shiv – HTML5 JavaScript shiv for IE to recognise and style the HTML5 elements. Also include’s @jon_neal’s latest printable HTML5 elements.  http://code.google.com/p/html5shiv/
• Modernizr – Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies http://www.modernizr.com/
• okapijs – A javascript library from the makers of http://www.hypeframework.org/. A lightweight library that gives the canvas tag a bunch of Flash-like capabilities including layers, symbols, and instances with live-updating properties.  http://www.okapijs.org/

READING

• Dive Into HTML5 – Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards.  http://diveintohtml5.org/
• HTML5 Doctor – Learn the ins and outs of using HTML5.  ”We will publish articles relating to HTML5, its semantics, and how to use it right now. We also invite questions via Ask the Doctor. We’ll post answers in future articles so that everyone can benefit.“ http://html5doctor.com/
• HTML5 Rocks – A total resource on HTML5 from Google.  Interactive demos, presentations, code, tutorials.  http://www.html5rocks.com/
• HTML5 differences from HTML4 -”HTML5 differences from HTML4″ describes the differences between HTML4 and HTML5 and provides some of the rationale for the changes.  http://dev.w3.org/html5/html4-differences/
• A Web Developer’s Guide to HTML5 – This document illustrates how to write HTML5 documents, focussing on simplicity and practical applications for beginners and pros alike.  http://dev.w3.org/html5/html-author/
• WHATWG “developer edition” Specification – A stripped down version of the W3c’s Specification. This lightweight version of the HTML5 Spec. is meant for developers, not the browser makers.  http://developers.whatwg.org/
• W3C Specification – A vocabulary and associated APIs for HTML and XHTML.  The HTML5 specification document from the W3C.  http://dev.w3.org/html5/spec/Overview.html
• HTML5 Games - Directory of games created using HTML5.  http://html5games.com/
• HTML5 Trends – Blog keeping track the current trends surrounding HTML5. Browsers, Games, News, Rumors, Trends, Tutorials, Webapps, and more!  http://www.html5trends.com/

TOOLS

• HTML5 Boilerplate – HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site. http://html5boilerplate.com/
• Initializr – Initializr is an HTML5 templates generator to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate, a powerful HTML5 template created by Paul Irish and Divya Manian. Initializr will generate for you a clean customizable template based on Boilerplate with just what you need to start.  http://initializr.com/
• “Wallaby” – codename for Adobe’s experimental tool for converting Flash FLA to HTML so you can reach more devices.  See my Wallaby demo here.  Download Wallaby from http://labs.adobe.com/technologies/wallaby/
• Ai2Canvas – The Ai->Canvas plug-in enables Adobe® Illustrator® to export vector and bitmap artwork directly to an HTML5 canvas element that can be rendered in a canvas-enabled browser. The plug-in provides drawing, animation and coding options such as events so that you can build interactive, well-designed canvas-based web apps. http://visitmix.com/labs/ai2canvas/