Slides and links from my ‘HTML5 Today’ talk at Web Camp Belgium
Recorded content from our first Belgian Web Camp will be coming online on Channel9 Web Camp Belgium page. As of right now, the keynote by Scott Hanselman has just been published.
Update 30 Jan 2011: demos added in this post.
In the meantime, I wanted to give you early access to the slides from my “HTML5: What about Today?” talk I also did at the event.
In this session we introduced what HTML5 is all about and the approach Microsoft is taking with Internet Explorer 9. We then moved to looking at a few of the big blocks under the “HTML5 umbrella” and how you can start using them today:
- HTML5 new markup and semantic tags
- CSS3 with Transformations and WOFF (fonts)
- Video and Audio
- Canvas and SVG
- ECMAScript 262
Recommended resources
- W3C: A Web Developer's Guide to HTML5
- <html>5 doctor
- Official MSDN documentation: Internet Explorer 9 Beta Guide for Developers
- HTML5 resources on MSDN ScriptJunkie: http://msdn.microsoft.com/nl-be/scriptjunkie
- HTML5 Labs - The HTML5 Labs site is the place where Microsoft prototypes early and unstable web standard specifications from standards bodies such as the W3C. Sharing these prototypes helps us have informed discussions with developer communities, and contributes to a better implementation experience with draft specifications. Read the blog by Dean Hachamovitch, the Corporate Vice President for Internet Explorer to understand the idea behind the HTML5 labs.
- Reset CSS: https://meyerweb.com/eric/tools/css/reset/
- Great list of PolyFills: http://bit.ly/ddLS2d
- About PolyFills, blog post by Rey Bango: http://blog.reybango.com/2010/10/11/how-polyfills-fill-in-the-gaps-to-make-html5-and-css3-usable-today/
- Modernizr
- Tools: AI>Canvas: Adobe Illustrator to Canvas exporter, by MIX Online team
- Tools: Visual Studio HTML5 & SVG Extensions: https://visualstudiogallery.msdn.microsoft.com
- Tools: Expression Web SuperPreview: https://www.microsoft.com/expression/products/Web_Overview.aspx
- Tools: X-icon editor: http://www.xiconeditor.com/