Successfully reported this slideshow.

Placelessness and the Advance of Micropublishing

10

Share

Upcoming SlideShare
Popular&folkcultures
Popular&folkcultures
Loading in …3
×
1 of 91
1 of 91

Placelessness and the Advance of Micropublishing

10

Share

Download to read offline

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?

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?

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

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

×