OK this site (http://mrdoob.com) has finally convinced me that I can have a pretty good time in HTML5. I've just now decided that now is a good time for me to start getting acquainted with what it (and JavaScript) can do.<p>Where did you start? I'm gonna assume here (http://dev.w3.org/html5/spec-author-view/, http://diveintohtml5.org/); suggestions, examples, blogs, resources, insights, blah, blah are appreciated as always.
Learn the JavaScript language and browser/DOM programming first, then the actual HTML5 stuff is a few simple additions. Dive Into HTML5 seems pretty good.<p>* "JavaScript: The Good Parts" by Crockford<p>* "JavaScript: The Definitive Guide" by David Flanagan<p>* MDC's "A Re-introduction to JavaScript": <a href="https://developer.mozilla.org/en/A_re-introduction_to_JavaScript" rel="nofollow">https://developer.mozilla.org/en/A_re-introduction_to_JavaSc...</a><p>* Resig's "Learning Advanced JavaScript": <a href="http://ejohn.org/apps/learn/" rel="nofollow">http://ejohn.org/apps/learn/</a><p>* MDC: <a href="https://developer.mozilla.org/en-US/" rel="nofollow">https://developer.mozilla.org/en-US/</a><p>* Crockford's website: <a href="http://javascript.crockford.com/" rel="nofollow">http://javascript.crockford.com/</a><p>* YUI Theater (especially Crockford's JavaScript talks): <a href="http://developer.yahoo.com/yui/theater/" rel="nofollow">http://developer.yahoo.com/yui/theater/</a>
One of my first screen casts was an HTML5 primer (<a href="http://nobulb.com/2009/11/html-5-primer/" rel="nofollow">http://nobulb.com/2009/11/html-5-primer/</a>). I also found a really good slideshow on what's new in HTML5 (<a href="http://slides.html5rocks.com/" rel="nofollow">http://slides.html5rocks.com/</a>).<p>(Not certain that the quality of information in my screen cast is nearly on par with the other info presented here, but it was a crowning achievement and something I'm proud of. Let me know if this is bad form, I'll remove this comment.)
Just start playing around, The last few weeks I have been browsing a load of sites like <a href="http://html5tutorial.net/" rel="nofollow">http://html5tutorial.net/</a> just mess around with bits and pieces then consult Google and Stack Overflow if you get stuck. I recommend getting stuck into some CSS3 first though, its surprising how much you can do in the style sheet.<p>Also its worth checking <a href="http://ie.microsoft.com/testdrive/" rel="nofollow">http://ie.microsoft.com/testdrive/</a> MS have some interesting sandboxes you can play with there. Learn your way around.
I'd suggest checking out <a href="http://html5doctor.com" rel="nofollow">http://html5doctor.com</a><p>The authors do a pretty thorough job of reviewing the semantics of new (or updated) HTML5 elements.
I helped develop <a href="http://adbubbles.oneriot.com" rel="nofollow">http://adbubbles.oneriot.com</a> as an IE9 Beta Launch demo, with much inspiration from mrdoob. The site is now broken since OneRiot just changed their business model away from real time search and shut off their API. I worked a lot with canvas especially. diveintohtml5 was really helpful as was the mozilla developer reference.
To be fair, <a href="http://mrdoob.com" rel="nofollow">http://mrdoob.com</a> has a lot of flash in the examples. You can learn <a href="http://processing.org/" rel="nofollow">http://processing.org/</a> and export to canvas if you want to do things like the stuff on that page.<p>On the other hand, js rocks...