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.



Published on

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

  • Be the first to like this


  1. 1. HTML 5 Overview <ul><li>Lachlan Hunt </li></ul><ul><ul><ul><li>PubCon, Las Vegas 2008-11-13 </li></ul></ul></ul>
  2. 3. New Structure and Semantics
  3. 7. <header> <nav> <aside> <article> <footer>
  4. 8. <time> <figure> <legend> <meter>
  5. 9. <section> <h1> <h1> <h1>
  6. 10. Element Implementations <ul><li>No native support, but can be styled with CSS in </li></ul><ul><ul><li>Opera </li></ul></ul><ul><ul><li>Firefox 3.0 </li></ul></ul><ul><ul><li>Safari </li></ul></ul><ul><ul><li>IE 6 and 7 using simple createElement() hack </li></ul></ul>
  7. 12. New Multimedia
  8. 13. Video <ul><li>Native video support in browsers </li></ul><ul><li>DOM APIs for providing custom interfaces </li></ul><ul><li>No more dependence upon Flash </li></ul>
  9. 14. Video Implementations <ul><li>Opera (Experimental, Ogg Theora) </li></ul><ul><li>Safari 3.1 (All QuickTime formats) </li></ul><ul><li>Firefox 3.1 alpha 2 (Ogg Theora) </li></ul>
  10. 15. Canvas <ul><li>Dynamically draw graphics and text </li></ul><ul><li>Graphics-oriented DOM APIs </li></ul>
  11. 16. Canvas Implementations <ul><li>Opera </li></ul><ul><li>Firefox </li></ul><ul><li>Safari </li></ul><ul><li>IE 6+ using ExplorerCanvas script </li></ul>
  12. 18. Developer Tools
  13. 19. <ul><li>HTML5 Conformance Checker </li></ul><ul><li>Exceeds the capabilities of traditional DTD based validation </li></ul>
  14. 20. Parsing HTML 5 <ul><li>html5lib Parsing Library for HTML </li></ul><ul><ul><li>Python, Ruby </li></ul></ul><ul><li>Off-the-shelf parser reduces reliance on RegExp hacks </li></ul>
  15. 22. Credits <ul><li>Some images were shamelessly stolen from the web. Various licences apply. For full credits, see: </li></ul><ul><li> </li></ul>
  16. 23.