![Page 1: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/1.jpg)
PlacelessnessAndtheAdvanceofMicropublishing
Alex FaaborgMozilla Corporation
![Page 2: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/2.jpg)
mozilla Labs
The mockups shown in this presentation are not necessarily planned features for Firefox 3
![Page 3: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/3.jpg)
These are topics we are spending a lot of time
thinking about / designing / prototyping /hacking / testing / rethinking /
iterating on
However
![Page 4: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/4.jpg)
This presentation will answer 4 questions
![Page 5: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/5.jpg)
1) What are microformats?
![Page 6: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/6.jpg)
2) Why does Mozilla care about microformats?
![Page 7: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/7.jpg)
3) What does a microformat-aware Web browser look like?
![Page 8: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/8.jpg)
4) Why should Web sites expose their content using microformats?
![Page 9: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/9.jpg)
1) What are microformats?
... and why are we talking about this in a session about Design and User Experience?
![Page 10: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/10.jpg)
Technologies like microformats are fundamental to Human Computer Interaction
![Page 11: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/11.jpg)
HumanReadable
MachineReadable
Information
![Page 12: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/12.jpg)
Plain Text
Alex Faaborghttp://mozilla.comMozilla
HumanReadable
MachineReadable
HumanReadable
Not MachineReadable
![Page 13: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/13.jpg)
vCardBEGIN:VCARDVERSION:3.0FN:Alex FaaborgURL:http://www.mozilla.comORG:MozillaEND:VCARD
HumanReadable
MachineReadable
Not HumanReadable
MachineReadable
![Page 14: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/14.jpg)
CAPTCHA
HumanReadable
MachineReadable
HumanReadable
Not MachineReadable
![Page 15: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/15.jpg)
Firefox Dialog
HumanReadable
MachineReadable
Not MachineReadable
Not HumanReadable
![Page 16: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/16.jpg)
HTML
<div><a href="http://blog.mozila.com/faaborg/">Alex Faaborg</a><div>Mozilla</div></div>
Alex FaaborgMozilla
HumanReadable
MachineReadable
HumanReadable
Not MachineReadable (content)
![Page 17: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/17.jpg)
Microformat - hCard
<div class="vcard"><a class="url fn" href="http://blog.mozila.com/faaborg/">Alex Faaborg</a><div class="org">Mozilla</div></div>
Alex FaaborgMozilla
HumanReadable
MachineReadable
HumanReadable
MachineReadable
![Page 18: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/18.jpg)
... a way to create information that is both human and machine readable
What are microformats?
![Page 19: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/19.jpg)
...they give humans and computers a common ground for discussing information
What are microformats?
![Page 20: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/20.jpg)
Information like:
Contacts - hCardCalendar Events - hCalendarLocations - geo, adrTags - rel-tagSpam URLs - rel-nofollowRelationships - XFNReviews - hReviewResumes - hResumeFeeds - hAtomLicenses - rel-licenseVoting on Links - VoteLinksClassified Listings - hListing
↓ A whole lot more
![Page 21: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/21.jpg)
Information like:
Contacts - hCardCalendar Events - hCalendarLocations - geo, adrTags - rel-tagSpam URLs - rel-nofollowRelationships - XFNReviews - hReviewResumes - hResumeFeeds - hAtomLicenses - rel-licenseVoting on Links - VoteLinksClassified Listings - hListing
↓ A whole lot more
![Page 22: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/22.jpg)
Ways to learn more about microformats:
microformats.org
Ask a question, get a book
Tuesday, 1:30In 2003
Wednesday, 4:30In 2008
![Page 23: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/23.jpg)
2) Why does Mozilla care about microformats?
![Page 24: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/24.jpg)
The evolution of the Web browser...
![Page 25: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/25.jpg)
Photo by Derbeth (Flickr)
1993 Web Browser as Book
C
![Page 26: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/26.jpg)
Photo by Darius Capulet (Flickr)
2005 Web Browser as Radio
C
![Page 27: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/27.jpg)
Photo by Neil Rickards (Flickr)
2008 Web Browser as Switchboard
C
![Page 28: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/28.jpg)
Book Radio Switchboard
2005
Bookmarks Live Bookmarks Microformat Detection
Back and Next RSS Reader Integration Application Integration
1993
You find the information
You subscribe to the information
You move the information around
2008
![Page 29: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/29.jpg)
Multiple types of information
Not hard wired: the user is in control of the associations
C Photo by Neil Rickards (Flickr)
![Page 30: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/30.jpg)
At each stage the Web browser has been trying to keep up with the evolution of the Web
![Page 31: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/31.jpg)
RSS
![Page 32: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/32.jpg)
![Page 33: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/33.jpg)
![Page 34: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/34.jpg)
The same thing is happening now for other types of structured data
![Page 35: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/35.jpg)
![Page 36: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/36.jpg)
![Page 37: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/37.jpg)
![Page 38: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/38.jpg)
![Page 39: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/39.jpg)
![Page 40: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/40.jpg)
![Page 41: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/41.jpg)
![Page 42: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/42.jpg)
![Page 43: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/43.jpg)
![Page 44: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/44.jpg)
![Page 45: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/45.jpg)
![Page 46: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/46.jpg)
There are a lot of microformats, which ones should a web browser
natively support?
![Page 47: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/47.jpg)
hCard geo, adr hCalendar
![Page 48: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/48.jpg)
These three types of information are fundamental
![Page 49: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/49.jpg)
People exist in space and time
![Page 50: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/50.jpg)
exist in and
![Page 51: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/51.jpg)
Space and Time also map to common representations of information
![Page 52: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/52.jpg)
![Page 53: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/53.jpg)
![Page 54: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/54.jpg)
![Page 55: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/55.jpg)
New Microformats
The Web
+
Further customization provided by the extension development community.The Web
![Page 56: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/56.jpg)
please don’t hurt the webuse open standards
![Page 57: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/57.jpg)
3) What does a microformat-aware Web browser look like?
![Page 58: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/58.jpg)
Demo:
How can microformats help you get a beer, tonight
![Page 59: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/59.jpg)
Created by Mike Kaply, IBM
Try it out: labs.mozilla.com
![Page 60: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/60.jpg)
![Page 61: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/61.jpg)
![Page 62: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/62.jpg)
![Page 63: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/63.jpg)
![Page 64: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/64.jpg)
History
![Page 65: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/65.jpg)
![Page 66: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/66.jpg)
![Page 67: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/67.jpg)
Bookmarks
![Page 68: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/68.jpg)
![Page 69: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/69.jpg)
Should Firefox display detected microformats in the content area?
![Page 70: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/70.jpg)
![Page 71: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/71.jpg)
![Page 72: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/72.jpg)
![Page 73: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/73.jpg)
![Page 74: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/74.jpg)
![Page 75: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/75.jpg)
![Page 76: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/76.jpg)
![Page 77: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/77.jpg)
![Page 78: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/78.jpg)
![Page 79: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/79.jpg)
![Page 80: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/80.jpg)
Modal interfaces suck
![Page 81: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/81.jpg)
![Page 82: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/82.jpg)
![Page 83: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/83.jpg)
Don’t change the content area!
![Page 84: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/84.jpg)
![Page 85: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/85.jpg)
Microformat creation?
![Page 86: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/86.jpg)
![Page 87: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/87.jpg)
4) Why should Web sites expose their content using microformats?
![Page 88: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/88.jpg)
please don’t hurt the webuse open standards
1
![Page 89: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/89.jpg)
2
![Page 90: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/90.jpg)
3Photo by Orin Optiglot (Flickr)C
![Page 91: Placelessness and the Advance of Micropublishing](https://reader034.vdocument.in/reader034/viewer/2022052523/555852c2d8b42a993b8b4a4f/html5/thumbnails/91.jpg)
Questions...
[email protected]/faaborglabs.mozilla.comC
Attribution-ShareAlike 3.0http://creativecommons.org/licenses/by-sa/3.0/
This presentation was based on work by:
Tanktek ÇelikRay OzzieMichael KaplyChris MessinaWolfgang BartelmeJohn AllsoppMike BeltznerMike ShaverJohn LillyBasil HashemSean MartellSherman DickmanSeth Spitzer