html5 development
DESCRIPTION
The Slide Deck for my presentation on HTML5 development at Microsoft TechDays Beirut 2011TRANSCRIPT
HTML5 Development
Rami [email protected]
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
So What is HTML5 ?
HTML
CSSJavascript
Fast is now beautiful
How to get started
• Will I need to drop anything ?• Browser compatibility
Feature Groups
Semantics & Markup
• HTML5 is not just about making existing markup shorter. It also defines new more meaningful elements.
• New form types and controls
Offline & Storage
• Local Storage– Window.SessionStorage– Window.LocalStorage
• File API
Device Access
• Geolocation API• Drag files into desktop
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.
Multimedia
• 2 wordsAudio and video
3D, Graphics & Effects
• SVG• Canvas• CSS3• WebGL
CSS3
• Styling like never before• Web Open Font Format (WOFF)
Performance & Integration
• dynamic web content faster with a variety of techniques and technologies such as Web Workers and XMLHttpRequest 2.
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.
Additional Resources
• IE Test Drive: http://www.ietestdrive.com• http://www.beautyoftheweb.com/• http://diveintohtml5.org/• http://www.html5rocks.com/• http://html5demos.com/