Article Archive

Tweet

A complete list of all our posts grouped accordingly in order to get you started with HTML5 or to help you understand the specification and specific elements a little more.

HTML5 Getting Started

  • HTML5 Boilerplates
  • HTML5 Reset Stylesheet
  • How to get HTML5 working in IE and Firefox 2
  • Designing a blog with html5
  • Absent Elements and Validation
  • How to use HTML5 in your client work right now

HTML5 Semantics

  • The header element
  • The footer element – (this has been superseded by the below article)
  • The footer element
  • Understanding aside – (this has been superseded by the below article)
  • Aside Revisted
  • Semantic navigation with the nav element
  • A little more conversation with dialog – (The dialog element has been removed from the working draft of the spec)
  • Draw attention with mark
  • The section element
  • Measure up with the meter tag
  • The Address Element
  • Hello, summary and figcaption elements
  • The Time Element
  • The i, b, em & strong elements
  • The small & hr elements
  • The hgroup element
  • The nsfw element
  • The figure & figcaption elements
  • The ruby element and her hawt friends, rt and rp
  • The article element
  • The dl element
  • You can still use div
  • The abbr element
  • Quoting and citing with blockquote, q, cite, and the cite attribute
  • Document Outlines
  • The details and summary elements
  • The return of the u element
  • The output element

New Attributes

  • The scoped attribute
  • The contenteditable attribute

Sexy new HTML5 elements

  • The video element
  • Native Audio in the browser
  • The track element and webM codec
  • An introduction to the canvas 2D API
  • Video + Canvas = Magic
  • Video subtitling and WebVTT

Extend HTML5

  • Extending HTML5 – Microformats
  • Extending HTML5 – Microdata

Javascript Goodness

  • Native Drag and Drop
  • Accessibility and Native Drag and Drop
  • Introducing Web SQL Databases
  • HTML5 Custom Data Attributes
  • Methods of Communication
  • Go offline with application cache
  • Finding your position with geolocation
  • Storing Data the Simple HTML5 Way (and a few tricks you might not have known)
  • Pushing and popping with the History API
  • Server-Sent Events (or EventSource)
  • It’s Curtains for Marital Strife Thanks to getUserMedia

Things to watch out for

  • dd-details wrong again
  • Legend not such a legend anymore
  • “Block-level” links in HTML5
  • HTML5 + XML = XHTML5
  • HTML5 and Search Engine Optimisation (SEO)
  • The hgroup hokey cokey
  • Avoiding common HTML5 mistakes
  • Goodbye time, datetime and pubdate. Hello data and value.

General/Miscellaneous

  • 2022, or when will HTML5 be ready?
  • It’s bug report time
  • September HTML5 Spec Changes
  • Why designers should care about HTML5
  • Introducing the HTML5 Glossary
  • YouTube and Vimeo support HTML5 video
  • HTML5 Clinic at Web Directions @media
  • Happy 1st Birthday us
  • .net awards nomination
  • Two cheers for the W3C’s HTML5 logo
  • HTML as a Living Standard — For and Against
  • HTML5 for Web Developers
  • How to get all the browsers playing ball
  • Get your HTML5 prescription filled at @media
  • The Doctors win a Critter Award
  • Injecting new life in the Doctor
  • HTML5 Briefing notes for journalists and analysts
  • Dive into HTML5 … on HTML5 Doctor

HTML5 Simplequiz

  • Simplequiz #1: Products Page
  • Simplequiz #2: Citing People
  • Simplequiz #3: How to mute a video
  • Simplequiz #4: Figures, captions and alt text
  • Simplequiz #5: URLs of commenters
  • Simplequiz #6: Zeldmans fat footer

Your Questions Answered

  • Round 1
  • Round 2
  • Round 3
  • Round 4
  • Round 5
  • Round 6
  • Round 7
  • Round 8
  • Round 9
  • Round 10
  • Round 11
  • Round 12
  • Round 13
  • Round 14
  • Round 15
  • Round 16
  • Round 17
  • Round 18

Reviews

  • Reviewing HTML5 for Web Designers
  • Review HTML5 Designing Rich Internet Applications
  • HTML5 Now (DVD)