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.

css_and_html_coding_today-lachlan_hunt.ppt

611 views

Published on

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

  • Be the first to like this

css_and_html_coding_today-lachlan_hunt.ppt

  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. Validator.nu <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>http://lachy.id.au/slides/ </li></ul>
  16. 23. whatwg.org www.w3.org

×