Ø
«
»
0 : NYC microformats workshop
1 : Building blocks
2 : hCard
3 : hCard exercise
4 : hCalendar
5 : hCalendar exercise
6 : hCalendar exercise
7 : Compound microformats
8 : hReview exercise
9 : microformats Principles
10 : Social Network Portability
11 : Smell the microformats
12 : Smell the microformats
13 : Your site
14 : Your site
15 : Enhancing user experience exercises
16 : Reviews for rich snippets
NYC microformats workshop
Tantek Çelik
Building blocks
Class design pattern
abbr design pattern
datetime
date
value-class-pattern
hCard
Examples
Yelp
Google Maps
many more in the wild
Tools
hCard creator
Firefox Operator
Safari plug-in
Oomph plug-in
X2V
hCard exercise
exercise: my first hCard
hCalendar
Examples
Upcoming
this event
many more in the wild
Tools
hCalendar creator
Firefox Operator
Safari plug-in
Oomph plug-in
X2V
hCalendar exercise
exercise: social event
hCalendar exercise
exercise: workshops
Compound microformats
hReview
hResume
hAtom
hReview exercise
exercise: book review
microformats 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 shipped online identity aggregator based on microformats
What is your provenance?
Smell the microformats
exercise: about you
Smell the microformats
exercise: drink tasting
Your site
exercise: contact info
Your site
exercise: HTML5 events listing
Enhancing user experience exercises
Download to Address Book
Download or Add to Calendar
Oomph
Reviews for rich snippets
Workshop review
Workshop aggregate review