Microsoft HTML5 Web Camps

Microsoft Web Camps

HTML5 Web Camp Resources - Devhammer's Den

Microsoft Dev. Event - HTML5 is "in", and Silverlight... when needed...

This is (again) a 180 degree change of the "big ship" direction,
similar to time of Web 1.0 wars, Netscape and IE...
Microsoft is still able to change quickly...

Now is the time for the Web 3.x, Mobile Web.
(Sorry, W3C, the world is not ready for "public" Semantic Web just yet...)

My guess is that Microsoft wants to provide universal "back end"
for that Mobile Web (Azure "Cloud"), and "the best" tools for this.

It is clear that HTML5 platform can be used for most of mobile apps.
Such apps heavily depend on back end,
and this is the "epicenter" of this new "web earthquake".

Microsoft answer: Web Matrix to start with, with "Razor" syntax.
To upgrade to large system, ASP.NET MVC3, keep Razor views.
On the client side, jQuery javascript, plus Silverlight when needed.

It is likely that there will be much more announced on
"Build Windows"
conference, September 13-16, 2011.
Presentations will also be available online, for free.

Some useful "HTML5" tools:

Web Platform Installer

A Book Apart, Responsive Web Design
recommended book about html5, css3...

Modernizr - HTML5 Cross Browser Polyfills & Shims

Raphaël—JavaScript Library
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.
Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML (old IE) as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

X-Icon Editor
X-Icon Editor is an HTML5 application (based on <canvas>) that allows you to create high resolution icons that lets your sites shine with IE9. With X-Icon Editor you can quickly get your site ready with a large icon which will be available for pinned sites and the new tab page. Create your own site icon today!

Media Queries
a collection of sites using (HTML5) "media queries"
to adjust design based on device screen size

Discover the F12 developer tools in IE9 | Feature | .net magazine

Ken Burns effect with Javascript and Canvas
Nice HTML5 demo - slideshow with transition effects.