Microformats

1,235 views

Published on

An introductions to Microformats, written for <a href="http://upcoming.yahoo.com/event/226349/">GeekUp Liverpool Aug07</a>

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

No Downloads
Views
Total views
1,235
On SlideShare
0
From Embeds
0
Number of Embeds
37
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Microformats

    1. 1. Thom Shannon – Glow New Media
    2. 2. The Mash-Up <ul><li>More of our lives and data online </li></ul><ul><li>Publishers can’t foresee the uses </li></ul><ul><li>Mash-ups harness the power </li></ul>Glow New Media – www.glow-internet.com – geekUp Liverpool 2007-08-30
    3. 3. hCard <ul><li><span class=&quot;vcard&quot;> </li></ul><ul><li><a rel=&quot;me&quot; class=&quot;url fn n&quot; href=&quot;http://ts0.com/&quot;> </li></ul><ul><li><span class=&quot;given-name&quot;> Thom </span> </li></ul><ul><li><span class=&quot;family-name&quot;> Shannon </span></a> </li></ul><ul><li><span class=&quot;title&quot;> Technical Director </li></ul><ul><li><span class=&quot;org&quot;> Glow New Media </li></ul>Glow New Media – www.glow-internet.com – geekUp Liverpool 2007-08-30
    4. 4. hCard <ul><li><address class=&quot;vcard&quot; > </li></ul><ul><li><a rel=&quot;me&quot; class=&quot;url fn n&quot; href=&quot;http://ts0.com/&quot;> </li></ul><ul><li><span class=&quot;given-name&quot; > Thom </span> </li></ul><ul><li><span class=&quot;family-name&quot; > Shannon </span></a> </li></ul><ul><li><span class=&quot;title&quot; > Technical Director </span> </li></ul><ul><li><span class=&quot;org&quot;> Glow New Media </span> </li></ul><ul><li></address> </li></ul>Glow New Media – www.glow-internet.com – geekUp Liverpool 2007-08-30
    5. 5. hCard <ul><li><address class=&quot;vcard&quot; > </li></ul><ul><li><a rel=&quot;me&quot; class=&quot;url fn n&quot; href=&quot;http://ts0.com/&quot;> </li></ul><ul><li><span class=&quot;given-name&quot; > Thom </span> </li></ul><ul><li><span class=&quot;family-name&quot; > Shannon </span></a> </li></ul><ul><li><span class=&quot;title&quot; > Technical Director< /span> </li></ul><ul><li><span class=&quot;org&quot; > Glow New Media </span> </li></ul><ul><li></address> </li></ul>Glow New Media – www.glow-internet.com – geekUp Liverpool 2007-08-30
    6. 6. Accidental API - Brian Oberkirch <ul><li>Separate meta data goes stale </li></ul><ul><li>Semantic mark-up </li></ul><ul><li>Logical position within application </li></ul><ul><li>Builds on HTML/HTTP and WYSIWYG </li></ul>Glow New Media – www.glow-internet.com – geekUp Liverpool 2007-08-30
    7. 7. microformats <ul><li>hCard </li></ul><ul><li>hCalendar </li></ul><ul><li>rel-tag </li></ul><ul><li>XFN </li></ul><ul><li>hAtom </li></ul><ul><li>VoteLinks </li></ul><ul><li>rel-nofollow </li></ul><ul><li>rel-license </li></ul><ul><li>and lots more </li></ul>Glow New Media – www.glow-internet.com – geekUp Liverpool 2007-08-30
    8. 8. Publishers <ul><li>flickr last.fm Blogger ma.gnolia Technorati Twitter Yahoo Local .mac Thomson dopplr Upcoming.org backnetwork MapQuest Wikipedia RadioTimes Yahoo movies facebook MeetUp.com eventful Ten Word Review 30boxes Multimap.com AOL News LinkedIn </li></ul><ul><li>Geekup.org! </li></ul>Glow New Media – www.glow-internet.com – geekUp Liverpool 2007-08-30
    9. 9. Services <ul><li>Technorati </li></ul><ul><ul><li>Pingerati </li></ul></ul><ul><ul><li>http://feeds.technorati.com/contacts/[url] </li></ul></ul><ul><ul><li>webcal://feeds.technorati.com/events/[url] </li></ul></ul><ul><li>Portable social networks </li></ul><ul><ul><li>dopplr </li></ul></ul>Glow New Media – www.glow-internet.com – geekUp Liverpool 2007-08-30
    10. 10. Consumers <ul><li>Browser plugins </li></ul><ul><ul><li>Operator </li></ul></ul><ul><ul><li>Tails </li></ul></ul><ul><ul><li>Bookmarklets </li></ul></ul><ul><li>Firefox 3 </li></ul><ul><li>Internet Explorer 8 </li></ul><ul><li>Safari ? </li></ul>Glow New Media – www.glow-internet.com – geekUp Liverpool 2007-08-30
    11. 11. <ul><li>microformats.org </li></ul><ul><li>irc.freenode.net #microformats </li></ul><ul><li>Spread the word! </li></ul><ul><li>Use them on your sites </li></ul>Glow New Media – www.glow-internet.com – geekUp Liverpool 2007-08-30

    ×