dConstruct Microformats Workshop

Tantek Çelik and Jeremy Keith

Background

The history of markup and Web Standards

1. Web History 1990s
2. 2000-2001
3. 2002-2003
   • Wired News redesign
   • CSS tipping point
   • semantic (X)HTML grows

POSH

• Simple Quiz
• Know your markup
  • thead, tbody, scope, summary
  • fieldset, legend, label, optgroup
  • del, ins
  • rel, rev

Elemental microformats

• rel-license
• XFN
• rel-tag
• vote-links

Building blocks

• Class design pattern
• Abbr design pattern
  • datetime
  • accessibility concerns

hCard

• Examples
  • dConstruct 2007 speakers
  • in the wild
  • Google Maps
• Tools
  • Creator
  • bookmarklet
  • X2V
  • Operator

hCalendar

• Examples
  • dConstruct 2007 schedule
  • in the wild
  • Upcoming
• Tools
  • Creator
  • bookmarklet
  • X2V
  • Operator

Compound microformats

• hResume
• hReview
• hAtom

Principles

• • Solve a specific problem
  • Visible data is much better for humans than invisible metadata
  • Reuse building blocks from widely adopted standards
    • vcard: hCard
    • icalendar: hCalendar
    • atom: hAtom
• • Start as simple as possible
  • Pave the cow paths
  • Humans first, machines second
  • 80/20

Social Network Portability

hCard + XFN (rel="me")

• Implementations
  • Get Satisfaction
  • Dopplr
• Code
  • Ruby on Rails
  • Python
  • PHP
• Video
  • Plaxo to ship online identity aggregator based on microformats
  • What is your provenance?