The Slide Deck for my presentation on HTML5 development at Microsoft TechDays Beirut 2011

1. HTML5 Development RamiSarieddine r.sarieddine@live.com

2. Timeline 1991 HTML 1994 HTML 2 1996 CSS 1 + JavaScript 1997 HTML 4 1998 CSS 2 2000 XHTML 1 2002 Table-less Web Design 2005 AJAX 2009 HTML 5

3. So What is HTML5 ?

4. Fast is now beautiful

5. How to get started Will I need to drop anything ? Browser compatibility

6. Feature Groups

7. Semantics & Markup HTML5 is not just about making existing markup shorter. It also defines new more meaningful elements. New form types and controls

8. Offline & Storage Local Storage Window.SessionStorage Window.LocalStorage File API

9. Device Access Geolocation API Drag files into desktop

10. Connectivity More efficient connectivity means more real-time chats, faster games, and better communication. Web Sockets and Server-Sent Events are pushing data between client and server more efficiently than ever before.

11. Multimedia 2 words Audio and video

12. 3D, Graphics & Effects SVG Canvas CSS3 WebGL

13. CSS3 Styling like never before Web Open Font Format (WOFF)

14. Performance & Integration dynamic web content faster with a variety of techniques and technologies such as Web Workers and XMLHttpRequest 2.

15. Last Call On 26 May, the W3C’s HTML Working Group announced that the HTML5 specification has reached Last Call status. Last Call is the point at which W3C thinks the group’s work has reached a point of reasonable stability.

16. Additional Resources IE Test Drive: http://www.ietestdrive.com http://www.beautyoftheweb.com/ http://diveintohtml5.org/ http://www.html5rocks.com/ http://html5demos.com/