html5 in ie9
DESCRIPTION
Slides for my speech at Microsoft Technology Conference in Hanoi, Vietnam, Mar 2011.TRANSCRIPT
Buu Nguyen
Buu Nguyen
• Microsoft MVP (ASP.NET)
• Vice President of Technology, KMS Technology
• Lecturer, RMIT University Vietnam
Agenda
•HTML5 Overview
•HTML5 in IE9
•Q&A
HTML5 OVERVIEW
A Brief History of HTML
1999
• W3C publishes HTML 4.01
2002
• W3C publishes XHTML 2.0, breaking backward compatibility
2004
• WHATWG is founded, publishing the first public draft of Web Application 1.0
2007
• W3C adopts Web Application 1.0 as HTML5 and charters a new HTML Working Group
2008
• W3C publishes first working draft of HTML5 which includes XHTML5
So, the HTML5 spec is now a working draft,
when will it be ready?
The common answer is:
True, but not complete!
Factors to Consider
• The W3C’s ratification process
• Commitment from browser vendors
• HTML5 is not one single big inseparable thing
• Fallbacks usually exist for different browsers
HTML5 IN IE9
Semantic Elements
header
nav
article
...
summary
section
footer
figure
aside
hgroup details time
Drag & Drop
Web Storage
Storing application data without server-side mechanism or cookies
sessionStorage vs. localStorage
Geolocation
<video> and <audio>
(separate spec)
HTML5 Pros and Cons
Pros
• No plug-in, no vendor lock-in, no proprietary technology
• HTML/JS/CSS all the way
• Strong commitment from browser vendors
• Portable skills for mobile web development
Cons
• Immaturely implemented features
• Inconsistent implementations across browsers
• Your code might need changing as the spec is updated
Q&A
THANK YOU! [email protected]
www.buunguyen.net/blog
www.twitter.com/buunguyen
http://vn.linkedin.com/in/buunguyen
References
• http://msdn.microsoft.com/en-us/ie/ff468705
• http://ie.microsoft.com/testdrive/
• http://html5readiness.com/
• http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/
• http://videojs.com/
• http://craftymind.com/factory/html5video/CanvasVideo.html
• http://raphaeljs.com/animation.html
• http://www.benjoffe.com/code/games/torus/
• http://www.benjoffe.com/code/demos/collide/
• http://www.pirateslovedaisies.com/