1. Mark Whitaker HTML5a quick overview

2. HTML for content & structure + CSS (style sheets) for look & feel + JavaScript for behaviour Web development in a nutshell

3. A loose umbrella term for New HTML New CSS New JavaScript All very backward-compatible And what isn’t it? A single standard What is html5?

4. New HTML tags… Audio & video Graphics (canvas & SVG) New form input types e-mail address, URL, number, search… Better ‘semantics’ etc… What is html5?

5. …new CSS elements (CSS3)… Web fonts New text effects Better layout Transitions Transforms (rotation, 3D effects,…) etc… What is html5?

6. …and new JavaScript APIs Local storage & SQL database Worker threads Sockets Geolocation etc… What is html5?

7. Great for web apps “Anything Flash can do…” Local storage = persistent Cross-platform Can look like a native app in iOS Fast build & test times Multimedia without Flash You know who you are… So what can it do?

8. Replace native apps Limited access to hardware camera, accelerometer… No native app APIs notifications, address book… Can’t run in the background Processor-intensive stuff Running in an interpreter in the browser can be slow especially on mobile devices And what can’t it do?

9. html5rocks.com diveintohtml5.org developer.mozilla.org modernizr.com More information

10. html5demos.com html5gallery.com chromeexperiments.com apple.com/html5 youtube.com/html5 Chrome recommended HTML5 in action