Slides for my speech at Microsoft Technology Conference in Hanoi, Vietnam, Mar 2011.

1. Buu Nguyen

2. Buu Nguyen
• Microsoft MVP (ASP.NET)
• Vice President of Technology, KMS Technology
• Lecturer, RMIT University Vietnam

3. Agenda
• HTML5 Overview
• HTML5 in IE9
• Q&A

4. HTML5 OVERVIEW

5. A Brief History of HTML
1999 2002 2004 2007 2008
• W3C • W3C • WHATWG is • W3C adopts • W3C
publishes publishes founded, Web publishes
HTML 4.01 XHTML 2.0, publishing Application first working
breaking the first 1.0 as HTML5 draft of
backward public draft and charters HTML5 which
compatibility of Web a new HTML includes
Application Working XHTML5
1.0 Group

6. So, the HTML5 spec is now a working draft,
when will it be ready?

7. The common answer is:

8. True, but not complete!

9. 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

11. HTML5 IN IE9

12. Semantic Elements
article summary
header
nav footer
hgroup details
time
section aside
...
figure

13. Drag & Drop

14. Web Storage
Storing application data without server-side mechanism or cookies
sessionStorage vs. localStorage

15. Geolocation

16. <video> and <audio>

17. (separate spec)

19. HTML5 Pros and Cons
Pros Cons
• No plug-in, no vendor lock- • Immaturely implemented
in, no proprietary features
technology • Inconsistent
• HTML/JS/CSS all the way implementations across
• Strong commitment from browsers
browser vendors • Your code might need
• Portable skills for mobile changing as the spec is
web development updated

20. Q&A

21. THANK YOU!
buunguyen@kms-technology.com
www.buunguyen.net/blog
www.twitter.com/buunguyen
http://vn.linkedin.com/in/buunguyen

22. 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/