Download - Microformats: The What, Where, Why and How
![Page 1: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/1.jpg)
Mark MeekerArchitect, UI Engineering
Orbitz TechTalkChicago, IllinoisOctober 31, 2007
Microformats:The What, Why, Where and How
![Page 2: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/2.jpg)
• What are microformats?
• Why are they important?
• Where can they be found?
• How are they created?
![Page 3: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/3.jpg)
What are microformats?
![Page 4: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/4.jpg)
Information
![Page 5: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/5.jpg)
Browser
![Page 6: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/6.jpg)
![Page 7: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/7.jpg)
Moscone Center747 Howard StreetSan Francisco, California 94103
![Page 8: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/8.jpg)
Browser Human Readable
![Page 9: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/9.jpg)
API
![Page 10: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/10.jpg)
<rsp stat="ok" version="1.0"><event id="262789" name="JavaOne 2008" tags="" description="" start_date="2008-05-06" end_date="2008-05-09" start_time="" end_time="" personal="0" selfpromotion="0" metro_id="2" venue_id="1398" user_id="75537" category_id="5" url="http://java.sun.com/javaone/sf/index.jsp" date_posted="2007-09-06" latitude="37.7841" longitude="-122.401" geocoding_precision="address" geocoding_ambiguous="0" venue_name="Moscone Center" venue_address="747 Howard Street" venue_city="San Francisco" venue_state_name="California" venue_state_code="ca" venue_state_id="5" venue_country_name="United States" venue_country_code="us" venue_country_id="1" venue_zip="94103" venue_url="http://www.moscone.com/" venue_phone="(415) 974-4000"/>
</rsp>
![Page 11: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/11.jpg)
<rsp stat="ok" version="1.0"><event id="262789" name="JavaOne 2008" tags="" description="" start_date="2008-05-06" end_date="2008-05-09" start_time="" end_time="" personal="0" selfpromotion="0" metro_id="2" venue_id="1398" user_id="75537" category_id="5" url="http://java.sun.com/javaone/sf/index.jsp" date_posted="2007-09-06" latitude="37.7841" longitude="-122.401" geocoding_precision="address" geocoding_ambiguous="0" venue_name="Moscone Center" venue_address="747 Howard Street" venue_city="San Francisco" venue_state_name="California" venue_state_code="ca" venue_state_id="5" venue_country_name="United States" venue_country_code="us" venue_country_id="1" venue_zip="94103" venue_url="http://www.moscone.com/" venue_phone="(415) 974-4000"/>
</rsp>
![Page 12: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/12.jpg)
API Machine Readable
![Page 13: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/13.jpg)
Both?
![Page 14: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/14.jpg)
<div> <p>747 Howard St.</p> <p>San Francisco </p> <p>California</p> <p>94103</p> </div>
![Page 15: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/15.jpg)
<div class=”adr”> <p class=”street-address”>747 Howard St.</p> <p class=”locality”>San Francisco </p> <p class=”region”>California</p> <p class=”postal-code”>94103</p> </div>
![Page 16: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/16.jpg)
Map the Location?
![Page 17: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/17.jpg)
![Page 18: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/18.jpg)
![Page 19: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/19.jpg)
Add to Calendar?
![Page 20: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/20.jpg)
![Page 21: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/21.jpg)
![Page 22: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/22.jpg)
Add to Address Book?
![Page 23: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/23.jpg)
![Page 24: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/24.jpg)
![Page 25: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/25.jpg)
Synch to Phone?
![Page 26: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/26.jpg)
Use in Mash-Up?
![Page 27: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/27.jpg)
Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Instead of throwing away what works today, microformats intend to solve simpler problems first by adapting to current behaviors and usage patterns (e.g. XHTML, blogging).
source: http://microformats.org/about
![Page 28: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/28.jpg)
Why microformats?
![Page 29: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/29.jpg)
Information Broker
• Building blocks of information
• Introduce consistent way to identify common pieces of data
• Build, own and share your information on the web
• Support aggregation sites
• Provide an API for your website
![Page 30: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/30.jpg)
Discoverability
![Page 31: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/31.jpg)
Discoverability
![Page 32: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/32.jpg)
Discoverability
![Page 33: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/33.jpg)
Discoverability
![Page 34: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/34.jpg)
Discoverability
![Page 35: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/35.jpg)
Discoverability
![Page 36: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/36.jpg)
Discoverability
![Page 37: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/37.jpg)
Discoverability
• What if everyone started to mark-up pages with microformats?
• How easy would it be to tie data on un-connected sites together?
• What kind of mash-ups would result?
![Page 38: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/38.jpg)
“Planting seeds”
But that’s the beauty of it! Something I’m calling “oblivious development”. I’ve always looked at microformats as “planting seeds” that later grow into things you never even thought of.
- Dan Cederholm, simplebits.com & cork’d.com
![Page 39: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/39.jpg)
“Planting seeds”
I’m not interested in the ideas I can think of, but instead of all the possible ideas I can’t.
- Brian Suda
![Page 40: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/40.jpg)
How do they work and where can they be found?
![Page 41: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/41.jpg)
Design patterns
class
<span class=”tel”>1-555-123-1234</span>
![Page 42: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/42.jpg)
Design patterns
class
<span class=”tel”>1-555-123-1234</span>
![Page 43: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/43.jpg)
Design patterns
class
<span class=”tel”>1-555-123-1234</span>
![Page 44: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/44.jpg)
Design patterns
rel
<a rel=”tag” href=”/tags/ajax”>jquery</a>
![Page 45: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/45.jpg)
Design patterns
rel
<a rel=”tag” href=”/tags/ajax”>jquery</a>
![Page 46: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/46.jpg)
Design patterns
abbr
<abbr class=”dtstart” title=”20070906”> September 6th, 2007</abbr>
![Page 47: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/47.jpg)
Design patterns
abbr
<abbr class=”dtstart” title=”20070906”> September 6th, 2007</abbr>
![Page 48: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/48.jpg)
Design patterns
abbr
<abbr class=”dtstart” title=”20070906”> September 6th, 2007</abbr>
![Page 49: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/49.jpg)
Design patterns
abbr
<abbr class=”dtstart” title=”20070906”> September 6th, 2007</abbr>
![Page 50: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/50.jpg)
hCard(people and orgs)
![Page 51: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/51.jpg)
hCard
• Represents:
• people
• organizations
• companies
• places
• Parallels the values in the vCard standard
![Page 52: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/52.jpg)
hCard
<div class="vcard"> <p class="org fn">Fairmont San Jose</p> <div class="adr"> <p class="street-address">170 S Market St</p> <p> <span class="locality">San Jose</span>, <span class="region">CA</span> <span class="postal-code">95113</span> </p> </div> <div class="tel">1-800-346-5550</div></div>
![Page 53: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/53.jpg)
hCard
<div class="vcard"> <p class="org fn">Fairmont San Jose</p> <div class="adr"> <p class="street-address">170 S Market St</p> <p> <span class="locality">San Jose</span>, <span class="region">CA</span> <span class="postal-code">95113</span> </p> </div> <div class="tel">1-800-346-5550</div></div>
![Page 54: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/54.jpg)
Google Maps
Google Map locations now output in hCard format.
![Page 55: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/55.jpg)
Flickr
Flickr outputs geo microformat for geo-tagged images
![Page 56: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/56.jpg)
hCalendar(events)
![Page 57: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/57.jpg)
hCalendar
• Represents calendar items and events
• Mirrors the iCalendar specification, used by iCal and Outlook
![Page 58: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/58.jpg)
hCalendar
<div class="vevent"> <p class="summary">The Rich Web Experience</p> <p> <abbr class="dtstart" title="2007-09-06"> Sept. 6, 2007 </abbr> - <abbr class="dtend" title="2007-09-09"> Sept. 8, 2007 </abbr> </p> <p class="location">San Jose, CA</p></div>
![Page 59: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/59.jpg)
hCalendar
<div class="vevent"> <p class="summary">The Rich Web Experience</p> <p> <abbr class="dtstart" title="2007-09-06"> Sept. 6, 2007 </abbr> - <abbr class="dtend" title="2007-09-09"> Sept. 8, 2007 </abbr> </p> <p class="location">San Jose, CA</p></div>
![Page 60: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/60.jpg)
Upcoming.com
Upcoming.com uses hCal for events. With a browser plugin you can export directly from
the webpage to your calendar.
![Page 61: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/61.jpg)
hReviews(reviews)
![Page 62: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/62.jpg)
hReview
• Encourage sharing, distribution, and aggregation of reviews
• Represents a review of something (item, event, location, website, etc)
• item being reviewed
• date of review (hCal)
• reviewer (hCard)
• description
• tags (rel-tag)
![Page 63: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/63.jpg)
Yahoo Tech(http://tech.yahoo.com)
Yahoo Tech marks up all of the product reviews on their site with hReview
![Page 64: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/64.jpg)
Cork’d(http://corkd.com)
Wine Review site, Cork’d uses hReviews for user’s reviews of wines on the site.
![Page 65: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/65.jpg)
hResume(resumes)
![Page 66: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/66.jpg)
hResume
• Represents a resume
• Contact details
• Education
• Experience
• Skills
• Affilliations
• Publications
![Page 67: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/67.jpg)
LinkedIn publishes the over 9 million resumes on their site with hResume.
![Page 68: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/68.jpg)
hListing(listings)
![Page 69: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/69.jpg)
hListing
• Represents an item being listed for exchange.
• Listing action [sell, rent, trade, ...]
• Lister (hCard)
• Price
• Summary
• Description
• Tags (rel-tag)
![Page 70: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/70.jpg)
Edgeio
Edgeio aggregates classifieds posted around the web and supports pulling in hListings
![Page 71: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/71.jpg)
• hCalendar (events)
• hCard (people/orgs)
• hListing (classifieds)
• hResume (resumes)
• hReviews (reviews)
• hAtom (syndication)
• adr & geo (locations)
• rel-license (license links)
• rel-tag (content tags)
• XOXO (lists)
• VoteLinks (voting)
• XFN (social networking)
and more (see microformats.org)
![Page 72: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/72.jpg)
How can microformats be used?
![Page 73: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/73.jpg)
It is an API
![Page 74: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/74.jpg)
http://www.siatec.net/timeline/index.php
![Page 75: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/75.jpg)
Greasemonkey
![Page 76: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/76.jpg)
Operator
• Allows for interacting with microformats on the page via toolbar
• Firefox extension
• https://addons.mozilla.org/en-US/firefox/addon/4106
• Extensible via ‘user scripts’
• http://www.kaply.com/weblog/operator-user-scripts/
![Page 77: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/77.jpg)
Operator
![Page 78: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/78.jpg)
Operator
![Page 79: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/79.jpg)
Tails
• Allows for interacting with microformats on the page via sidebar
• Firefox extension
• https://addons.mozilla.org/en-US/firefox/addon/2240
![Page 80: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/80.jpg)
Tails
![Page 81: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/81.jpg)
Tails
![Page 82: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/82.jpg)
Webcards
• Offers in-page notification of and interaction with microformats
• Firefox extension
• http://www.whymicroformats.com/webcards
![Page 83: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/83.jpg)
Webcards
![Page 84: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/84.jpg)
Bookmarklet
• Calls out hCards and hCalendars
• Bookmarklet targeted for Safari
• http://leftlogic.com/lounge/articles/microformats_bookmarklet
![Page 85: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/85.jpg)
Bookmarklet
![Page 86: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/86.jpg)
Technorati microformat search
(http://kitchen.technorati.com/search/)search for hCards, hCalendars, hReviews
![Page 87: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/87.jpg)
Converters
• X2V
• http://suda.co.uk/projects/X2V/
• Technocrati
• http://technorati.com/events/
• http://technorati.com/contacts/
Tools to convert from hCard to vCard andhCal to iCal for easy importing
![Page 88: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/88.jpg)
What’s next formicroformats?
![Page 89: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/89.jpg)
What’s next?
• New formats in draft
• Tools integration / plug-ins
• Microformat generators
• Microformat support in Firefox 3
• Dreamweaver Plug-in
![Page 90: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/90.jpg)
Planting Seeds
• Unanticipated mash-ups?
• SEO Implications?
• Portable social networks?
![Page 91: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/91.jpg)
How can you get startedwith microformats?
![Page 92: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/92.jpg)
Getting started...
• Add an hCard to your blog
• Install Operator/Tails and start discovery
• Geo-tag your photos on flickr
• Build a mash-up
• Write a Greasemonkey script
• Subscribe to microformats-discuss
![Page 93: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/93.jpg)
Where is more info on microformats?
![Page 94: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/94.jpg)
Resources
Websites:
http://microformats.org - wiki- email discussion lists
http://microformatique.comhttp://planetmicroformats.comhttp://microformats.co.ukhttp://whymicroformats.com
Cheetsheet:http://suda.co.uk/projects/microformats/cheatsheet/
![Page 95: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/95.jpg)
Resources
Title: Microformats: Empowering Your Markup for Web 2.0
Author: John Allsopp
Title: Using Microformats(O’Reilly Shortcut Series)
Author: Brian Suda
![Page 96: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/96.jpg)
Questions?
![Page 97: Microformats: The What, Where, Why and How](https://reader038.vdocuments.us/reader038/viewer/2022103017/5583e20cd8b42af76c8b5470/html5/thumbnails/97.jpg)
Based on the work of:John Allsopp / Dan Cederholm / Tanktek Çelik /Alex Faaborg
Michael Kaply / Jeremy Keith / Drew McLellan / Chris Messina / Brian Suda
Attribution-Share Alike 3.0http://creativecommons.org/licenses/by-sa/3.0/