Placelessness
And
the
Advance
of
Micropublishing




             Alex Faaborg
           Mozilla Corporation
mozilla Labs

The mockups shown in this presentation are not
   necessarily planned features for Firefox 3
However

These are topics we are spending a lot of time

  thinking about / designing / prototyping /
        hacking / te...
This presentation will answer
         4 questions
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?
1) What are microformats?




  ... and why are we talking about this in a
session about Design and User Experience?
Technologies like microformats are fundamental
      to Human Computer Interaction
Information




 Human          Machine
Readable        Readable
Plain Text

Alex Faaborg
http://mozilla.com
Mozilla




                    Not Machine
 Human               Machine
     ...
vCard
            BEGIN:VCARD
            VERSION:3.0
            FN:Alex Faaborg
            URL:http://www.mozilla.com
 ...
CAPTCHA




            Not Machine
 Human       Machine
             Readable
Readable
Firefox Dialog




              Not Machine
Not Human
  Human        Machine
               Readable
 Readable
HTML
                        Alex Faaborg
                        Mozilla

<div>
<a href=quot;http://blog.mozila.com/faabo...
Microformat - hCard
                        Alex Faaborg
                        Mozilla

<div class=quot;vcardquot;>
<a c...
What are microformats?




... a way to create information that is both
        human and machine readable
What are microformats?




...they give humans and computers a common
       ground for discussing information
Information like:

Contacts - hCard
Calendar Events - hCalendar
Locations - geo, adr
Tags - rel-tag
Spam URLs - rel-nofoll...
Information like:

Contacts - hCard
Calendar Events - hCalendar
Locations - geo, adr
Tags - rel-tag
Spam URLs - rel-nofoll...
Ways to learn more about microformats:




microformats.org


                   Ask a question,
                     get ...
2) Why does Mozilla care about
       microformats?
The evolution of the Web browser...
1993                            Web Browser as Book




C   Photo by Derbeth (Flickr)
2005                                   Web Browser as Radio




C   Photo by Darius Capulet (Flickr)
2008                          Web Browser as Switchboard




C Photo by Neil Rickards (Flickr)
1993                   2005                             2008




        Book                       Radio                 ...
Multiple types of
                                     information




                                                   ...
At each stage the Web browser has been trying
   to keep up with the evolution of the Web
RSS
The same thing is happening now for other
        types of structured data
There are a lot of microformats,
which ones should a web browser
        natively support?
hCard   geo, adr   hCalendar
These three types of information
        are fundamental
People exist in space and time
exist in   and
Space and Time also map to common
   representations of information
The Web




                                                  +

                                         Further customiz...
please don’t hurt the web
   use open standards
3) What does a microformat-aware
    Web browser look like?
Demo:

How can microformats help you get a beer,
                tonight
Created by Mike Kaply, IBM

Try it out: labs.mozilla.com
History
Bookmarks
Should Firefox display detected
microformats in the content area?
Modal interfaces suck
Don’t change the content area!
Microformat creation?
4) Why should Web sites expose their
    content using microformats?
please don’t hurt the web
   use open standards




                            1
2
3
C   Photo by Orin Optiglot (Flickr)
This presentation was
                                                     based on work by:


                           ...
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Placelessness and the Advance of Micropublishing
Upcoming SlideShare
Loading in …5
×

Placelessness and the Advance of Micropublishing

5,368 views

Published on

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?

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,368
On SlideShare
0
From Embeds
0
Number of Embeds
44
Actions
Shares
0
Downloads
121
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

Placelessness and the Advance of Micropublishing

  1. 1. Placelessness And
the
Advance
of
Micropublishing Alex Faaborg Mozilla Corporation
  2. 2. mozilla Labs The mockups shown in this presentation are not necessarily planned features for Firefox 3
  3. 3. However These are topics we are spending a lot of time thinking about / designing / prototyping / hacking / testing / rethinking / iterating on
  4. 4. This presentation will answer 4 questions
  5. 5. 1) What are microformats?
  6. 6. 2) Why does Mozilla care about microformats?
  7. 7. 3) What does a microformat-aware Web browser look like?
  8. 8. 4) Why should Web sites expose their content using microformats?
  9. 9. 1) What are microformats? ... and why are we talking about this in a session about Design and User Experience?
  10. 10. Technologies like microformats are fundamental to Human Computer Interaction
  11. 11. Information Human Machine Readable Readable
  12. 12. Plain Text Alex Faaborg http://mozilla.com Mozilla Not Machine Human Machine Readable Readable
  13. 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. 14. CAPTCHA Not Machine Human Machine Readable Readable
  15. 15. Firefox Dialog Not Machine Not Human Human Machine Readable Readable
  16. 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. 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
  18. 18. What are microformats? ... a way to create information that is both human and machine readable
  19. 19. What are microformats? ...they give humans and computers a common ground for discussing information
  20. 20. Information like: Contacts - hCard Calendar Events - hCalendar Locations - geo, adr Tags - rel-tag Spam URLs - rel-nofollow Relationships - XFN Reviews - hReview Resumes - hResume Feeds - hAtom Licenses - rel-license Voting on Links - VoteLinks ↓ A whole lot more
  21. 21. Information like: Contacts - hCard Calendar Events - hCalendar Locations - geo, adr Tags - rel-tag Spam URLs - rel-nofollow Relationships - XFN Reviews - hReview Resumes - hResume Feeds - hAtom Licenses - rel-license Voting on Links - VoteLinks ↓ A whole lot more
  22. 22. Ways to learn more about microformats: microformats.org Ask a question, get a book Tuesday, 1:30 In 2003 Wednesday, 4:30 In 2008
  23. 23. 2) Why does Mozilla care about microformats?
  24. 24. The evolution of the Web browser...
  25. 25. 1993 Web Browser as Book C Photo by Derbeth (Flickr)
  26. 26. 2005 Web Browser as Radio C Photo by Darius Capulet (Flickr)
  27. 27. 2008 Web Browser as Switchboard C Photo by Neil Rickards (Flickr)
  28. 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. 29. Multiple types of information Not hard wired: the user is in control of the associations C Photo by Neil Rickards (Flickr)
  30. 30. At each stage the Web browser has been trying to keep up with the evolution of the Web
  31. 31. RSS
  32. 32. The same thing is happening now for other types of structured data
  33. 33. There are a lot of microformats, which ones should a web browser natively support?
  34. 34. hCard geo, adr hCalendar
  35. 35. These three types of information are fundamental
  36. 36. People exist in space and time
  37. 37. exist in and
  38. 38. Space and Time also map to common representations of information
  39. 39. The Web + Further customization provided by the extension development community. The Web New Microformats
  40. 40. please don’t hurt the web use open standards
  41. 41. 3) What does a microformat-aware Web browser look like?
  42. 42. Demo: How can microformats help you get a beer, tonight
  43. 43. Created by Mike Kaply, IBM Try it out: labs.mozilla.com
  44. 44. History
  45. 45. Bookmarks
  46. 46. Should Firefox display detected microformats in the content area?
  47. 47. Modal interfaces suck
  48. 48. Don’t change the content area!
  49. 49. Microformat creation?
  50. 50. 4) Why should Web sites expose their content using microformats?
  51. 51. please don’t hurt the web use open standards 1
  52. 52. 2
  53. 53. 3 C Photo by Orin Optiglot (Flickr)
  54. 54. 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

×