You are here: Home Dive Into HTML5

Table of Contents

  1. Introduction: Five Things You Should Know About HTML5
    1. 1. It’s not one big thing
      i
    2. 2. You don’t need to throw anything away
      ii
    3. 3. It’s easy to get started
      iii
    4. 4. It already works
      iv
    5. 5. It’s here to stay
      v
  2. A Quite Biased History of HTML5
    1. Diving In
      i
    2. MIME types
      ii
    3. A long digression into how standards are made
      iii
    4. An unbroken line
      iv
    5. A timeline of HTML development from 1997 to 2004
      v
    6. Everything you know about XHTML is wrong
      vi
    7. A competing vision
      vii
    8. WHAT Working Group?
      viii
    9. Back to the W3C
      ix
    10. Postscript
      x
    11. Further Reading
      xi
  3. Detecting HTML5 Features: It’s Elementary, My Dear Watson
    1. Diving In
      i
    2. Detection Techniques
      ii
    3. Modernizr, an HTML5 Detection Library
      iii
    4. Canvas
      iv
    5. Canvas Text
      v
    6. Video
      vi
    7. Video Formats
      vii
    8. Local Storage
      viii
    9. Web Workers
      ix
    10. Offline Web Applications
      x
    11. Geolocation
      xi
    12. Input Types
      xii
    13. Placeholder Text
      xiii
    14. Form Autofocus
      xiv
    15. Microdata
      xv
    16. History API
      xvi
    17. Further Reading
      xvii
  4. What Does It All Mean?
    1. Diving In
      i
    2. The Doctype
      ii
    3. The Root Element
      iii
    4. The <head> Element
      iv
    5. Character Encoding
      v
    6. Friends & (Link) Relations
      vi
    7. New Semantic Elements in HTML5
      vii
    8. A long digression into how browsers handle unknown elements
      viii
    9. Headers
      ix
    10. Articles
      x
    11. Dates and Times
      xi
    12. Navigation
      xii
    13. Footers
      xiii
    14. Further Reading
      xiv
  5. Let’s Call It a Draw(ing Surface)
    1. Diving In
      i
    2. Simple Shapes
      ii
    3. Canvas Coordinates
      iii
    4. Paths
      iv
    5. Text
      v
    6. Gradients
      vi
    7. Images
      vii
    8. What About IE?
      viii
    9. A Complete, Live Example
      ix
    10. Further Reading
      x
  6. Video in a Flash (Without That Other Thing)
    1. Diving In
      i
    2. Video Containers
      ii
    3. Video Codecs
      iii
    4. Audio Codecs
      iv
    5. What Works on the Web
      v
    6. Licensing Issues with H.264 Video
      vi
    7. Encoding Video With
      Miro Video Converter
      vii
    8. Encoding Ogg Video with Firefogg
      viii
    9. Batch Encoding Ogg Video with ffmpeg2theora
      ix
    10. Encoding H.264 Video with HandBrake
      x
    11. Batch Encoding H.264 Video with HandBrake
      xi
    12. Encoding WebM Video with ffmpeg
      xii
    13. At Last, The Markup
      xiii
    14. What About IE?
      xiv
    15. Issues on iPhones and iPads
      xv
    16. Issues on Android devices
      xvi
    17. A Complete, Live Example
      xvii
    18. Further Reading
      xviii
  7. You Are Here (And So Is Everybody Else)
    1. Diving In
      i
    2. The Geolocation API
      ii
    3. Show Me The Code
      iii
    4. Handling Errors
      iv
    5. Choices! I Demand Choices!
      v
    6. What About IE?
      vi
    7. geo.js to the Rescue
      vii
    8. A Complete, Live Example
      viii
    9. Further Reading
      ix
  8. A Place To Put Your Stuff
    1. Diving In
      i
    2. A Brief History of Local Storage Hacks Before HTML5
      ii
    3. Introducing HTML5 Storage
      iii
    4. Using HTML5 Storage
      iv
    5. HTML5 Storage in Action
      v
    6. Beyond Named Key-Value Pairs: Competing Visions
      vi
    7. Further Reading
      vii
  9. Let’s Take This Offline
    1. Diving In
      i
    2. The Cache Manifest
      ii
    3. The Flow of Events
      iii
    4. The fine art of debugging, a.k.a. “Kill me! Kill me now!”
      iv
    5. Let’s Build One!
      v
    6. Further Reading
      vi
  10. A Form of Madness
    1. Diving In
      i
    2. Placeholder Text
      ii
    3. Autofocus Fields
      iii
    4. Email Addresses
      iv
    5. Web Addresses
      v
    6. Numbers as Spinboxes
      vi
    7. Numbers as Sliders
      vii
    8. Date Pickers
      viii
    9. Search Boxes
      ix
    10. Color Pickers
      x
    11. Form Validation
      xi
    12. Required Fields
      xii
    13. Further Reading
      xiii
  11. “Distributed,” “Extensibility,” And Other Fancy Words
    1. Diving In
      i
    2. What is Microdata?
      ii
    3. The Microdata Data Model
      iii
    4. Marking Up People
      iv
    5. Marking Up Organizations
      v
    6. Marking Up Events
      vi
    7. Marking Up Reviews
      vii
    8. Further Reading
      viii
  12. Manipulating History for Fun & Profit
    1. Diving In
      i
    2. The Why
      ii
    3. The How
      iii
    4. Further Reading
      iv
  13. The All-In-One Almost-Alphabetical Guide to Detecting Everything
    1. Further Reading
      i
  14. HTML5 Peeks, Pokes and Pointers

“If you’re good at something, never do it for free.” —The Joker
(but that doesn’t mean you should keep it to yourself)

Copyright MMIX–MMXI Mark Pilgrim