This talk discusses:
1) What are microformats?
2) Why does Mozilla care about microformats?
3) What does a microformat-aware Web browser look like?
4) Why should Web sites expose their content using microformats?
13. vCard
BEGIN:VCARD
VERSION:3.0
FN:Alex Faaborg
URL:http://www.mozilla.com
ORG:Mozilla
END:VCARD
Machine
Not Human
Human
Readable
Readable
14. CAPTCHA
Not Machine
Human Machine
Readable
Readable
15. Firefox Dialog
Not Machine
Not Human
Human Machine
Readable
Readable
16. HTML
Alex Faaborg
Mozilla
<div>
<a href=quot;http://blog.mozila.com/faaborg/quot;>Alex Faaborg</a>
<div>Mozilla</div>
</div>
Not Machine
Human Machine
Readable (content)
Readable Readable
17. Microformat - hCard
Alex Faaborg
Mozilla
<div class=quot;vcardquot;>
<a class=quot;url fnquot; href=quot;http://blog.mozila.com/faaborg/quot;>Alex Faab
<div class=quot;orgquot;>Mozilla</div>
</div>
Machine
Human
Readable
Readable
25. 1993 Web Browser as Book
C Photo by Derbeth (Flickr)
26. 2005 Web Browser as Radio
C Photo by Darius Capulet (Flickr)
27. 2008 Web Browser as Switchboard
C Photo by Neil Rickards (Flickr)
28. 1993 2005 2008
Book Radio Switchboard
Bookmarks Live Bookmarks Microformat Detection
Back and Next RSS Reader Integration Application Integration
You find the You subscribe to the You move the
information information information around
29. Multiple types of
information
Not hard wired: the user is in
control of the associations
C Photo by Neil Rickards (Flickr)
30. At each stage the Web browser has been trying
to keep up with the evolution of the Web
91. This presentation was
based on work by:
Tanktek Çelik
Ray Ozzie
Michael Kaply
Chris Messina
Wolfgang Bartelme
John Allsopp
Mike Beltzner
Mike Shaver
John Lilly
Basil Hashem
Questions... Sean Martell
Sherman Dickman
Seth Spitzer
faaborg@mozilla.com
C Attribution-ShareAlike 3.0
blogs.mozilla.com/faaborg
http://creativecommons.org/licenses/by-sa/3.0/
labs.mozilla.com