Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML5: a quick overview

1,884 views

Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

HTML5: a quick overview

  1. 1. Mark Whitaker<br />HTML5a quick overview<br />
  2. 2. HTML<br />for content & structure<br />+<br />CSS (style sheets)<br />for look & feel<br />+<br />JavaScript<br />for behaviour<br />Web development in a nutshell<br />
  3. 3. A loose umbrella term for<br />New HTML<br />New CSS<br />New JavaScript<br />All very backward-compatible<br />And what isn’t it?<br />A single standard<br />What is html5?<br />
  4. 4. New HTML tags…<br />Audio & video<br />Graphics (canvas & SVG)<br />New form input types<br />e-mail address, URL, number, search…<br />Better ‘semantics’<br />etc…<br />What is html5?<br />
  5. 5. …new CSS elements (CSS3)…<br />Web fonts<br />New text effects<br />Better layout<br />Transitions<br />Transforms (rotation, 3D effects,…)<br />etc…<br />What is html5?<br />
  6. 6. …and new JavaScript APIs<br />Local storage & SQL database<br />Worker threads<br />Sockets<br />Geolocation<br />etc…<br />What is html5?<br />
  7. 7. Great for web apps<br />“Anything Flash can do…”<br />Local storage = persistent<br />Cross-platform<br />Can look like a native app in iOS<br />Fast build & test times<br />Multimedia without Flash<br />You know who you are…<br />So what can it do?<br />
  8. 8. Replace native apps<br />Limited access to hardware<br />camera, accelerometer…<br />No native app APIs<br />notifications, address book…<br />Can’t run in the background<br />Processor-intensive stuff<br />Running in an interpreter in the browser can be slow<br />especially on mobile devices<br />And what can’t it do?<br />
  9. 9. html5rocks.com<br />diveintohtml5.org<br />developer.mozilla.org<br />modernizr.com<br />More information<br />
  10. 10. html5demos.com<br />html5gallery.com<br />chromeexperiments.com<br />apple.com/html5<br />youtube.com/html5<br /> Chrome recommended<br />HTML5 in action<br />

×