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)