HTML5 Development

Rami Sarieddiner.sarieddine@live.com

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/