Your SlideShare is downloading. ×
0
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Microformats, Building Blocks of the Semantic Web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Microformats, Building Blocks of the Semantic Web

3,556

Published on

Presented at the October 2007 Dallas Ruby Brigade meeting.

Presented at the October 2007 Dallas Ruby Brigade meeting.

Published in: Technology, Sports
4 Comments
11 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,556
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
151
Comments
4
Likes
11
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. microformats building blocks of the semantic web
  • 2. microformats
  • 3. µformats
  • 4. µf
  • 5. lowercase semantic web
  • 6. SAME THING
  • 7. 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). http://microformats.org/about
  • 8. 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). http://microformats.org/about
  • 9. 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). http://microformats.org/about
  • 10. 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). http://microformats.org/about
  • 11. why?
  • 12. Drag API Pitch Here
  • 13. feeds used to be for geeks auto-discovery in browsers changed that
  • 14. xml
  • 15. xhtml xml
  • 16. microformats xhtml xml
  • 17. microformats xhtml patterns
  • 18. microformats elemental µf patterns
  • 19. compound µf elemental µf patterns
  • 20. design patterns posh pieces of the puzzle
  • 21. class “general purpose processing by user agents”
  • 22. rel describes link relationships
  • 23. rev describes reverse link relationships
  • 24. rev is falling out of favor :(
  • 25. those 3 are all you need not one of them was a tag, all attributes
  • 26. abbr human-friendly meets machine-readable
  • 27. <abbr class=quot;fooquot; title=quot;for-µfquot;>on-page</abbr>
  • 28. datetime abbr with a dash of ISO8601
  • 29. <abbr title=quot;2007-10-02T19:00:00-0500quot;> Oct 2 @ 7pm</abbr>
  • 30. <%= @time.utc.iso8601 %> <abbr title=quot;2007-10-02T19:00:00-0500quot;> Oct 2 @ 7pm</abbr>
  • 31. include DRY, reuse content already on the page
  • 32. hReview hReview hReview
  • 33. item hReview hReview hReview
  • 34. <a class=quot;includequot; href=quot;#itemquot;></a>
  • 35. elemental microformats the middle siblings
  • 36. the easiest microformat evar starting small…
  • 37. rel-home links to the home page
  • 38. <%= link_to 'Home', root_url, :rel => 'home' %>
  • 39. rel-license links to the content license
  • 40. <%= link_to 'Terms', license_path, :rel => 'license' %>
  • 41. rel-enclosure links to a download
  • 42. <%= link_to 'Download', @file.public_filename, :rel => 'enclosure' %>
  • 43. rel-tag links to a tag for the current page
  • 44. pitfall
  • 45. what is the tag here? <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a>
  • 46. what is the tag here? <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a> tag
  • 47. what is the tag here? <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a> tag irrelevant
  • 48. rel-* relies on the URL not the text of the link
  • 49. good tags == pretty urls 42 < 42-tech < tech
  • 50. <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a> tag irrelevant
  • 51. <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a> tagspace tag irrelevant
  • 52. xfn human relationships as hyperlinks
  • 53. xfn vocabulary Identity Professional Geographical me co-worker co-resident Friendship colleague neighbor contact Romantic Family acquaintance muse child parent friend crush sibling Physical date spouse met sweetheart kin
  • 54. <%= link_to @adam.name, @adam, :rel => 'friend met colleague muse' %>
  • 55. compound microformats center of attention
  • 56. the main wiki pages are specs specs are great for parsers, not publishers
  • 57. start by using the creators http://microformats.org/code/
  • 58. B/0C*014*9AD1<?<190CEF .43:?H3*3A5IE*J*14E<H1D4E >1+$,0,$-#.(&#$*&+,/!*/.1,/(& B.#$.&A1.'&.'*(*&31/C(&.,&3*#$/& 0,$&-#$C1/2&8;&+,--,/34E -,$*&#),8.&-1+$,0,$-#.(5 */+,8/.*$*%&%#.#&J(8+'&#(&31/C(7& R -1+$,0,$-#.(5,$2 +,/.#+.&1/0,$-#.1,/7&#/%&+#3*/E %#$&*!*/.(K&1/&*(.#)31('*%&3#/E R -1+$,0,$-#.(5,$2FA1C1F1/.$,%8+.1,/ 28#2*(&(8+'&#(&=6>?5&P4&8(1/2& R -1+$,0,$-#.(5,$2FA1C1F;$*(*/.#.1,/( (.#/%#$%1Q*%&(.$8+.8$*(7&+3#((& R -1+$,0,$-#.(5,$2FA1C1F;,%+#(.( /#-*(7&#/%&$*3&#..$1)8.*&!#38*(7& 1/0,$-#.1,/&)*+,-*(&-,$*&#+E R -1+$,0,$-#.(5,$2FA1C1F0#S +*((1)3*&#/%&8(*083&.,&),.'&'8E R -1+$,0,$-#.(5,$2FA1C1F1-;3*-*/. !quot;#$%&%$!'()* -#/(&#/%&+,-;8.*$(5&6'1(&1(&#& R -1+$,0,$-#.(5,$2F%1(+8(( +%#,-(*#.-'(*).--( 2,,%&.'1/25 /#012*+1<:41CA4E /#012*->09:34 /#012 R&!+#$% !quot;#$%&'#(&)*+,-*&.'*&(.#/%#$%& N%1!&1%VW'+#$%EX$1/Equot;#.,/W& R&0/& 0,$&('#$1/2&+,/.#+.&1/0,$-#.1,/& +3#((VW!+#$%WO R&/&E&$*SG%&8/3*((&1-;31*%&)4&0/ %121.#3345&&6'*&'quot;#$%&0,$-#.7& &&N#&+3#((VW8$3&0/W& J0#-134E/#-*7&21!*/E/#-*7& 8(*(&#&9:9&$*;$*(*/.#.1,/&,0& '$*0VW'..;:FF*$1/+#.,/5+#WOX$1/& #%%1.1,/#3E/#-*7&',/,$1!+E;$*!T7& !quot;#$%&;$,;*$.1*(&#/%&!#38*(7&1/& quot;#.,/NF#O ',/,$1!+E(8!TK U;.1,/#3&!*3%(: (*-#/.1+&<=6>?5&@*)&8(*$(&+#/& &N%1!&+3#((VW,$2WOL&Y83*& R&8$37&/1+C/#-*7&(,$.E(.$1/2 ),.'&*-)*%&'quot;#$%(&%1$*+.34&1/& B.8%1,(NF%1!O R&*-#13&J.4;*7&!#38*K7&.*3&J.4;*7&!#38*K .'*1$&A*)&;#2*(7&#/%&(.43*&.'*-& &N%1!&+3#((VW#%$WO R&#%$&J;,(.E,!+*E),T7&*T.*/%*%E A1.'&quot;BB&.,&-#C*&.'*-&#;;*#$& &&N(;#/&+3#((VW+,8/.$4E #%%$*((7&(.$**.E#%%$*((7&3,+#31.47&$*21,/7& #(&%*(1$*%5&D3(,7&'quot;#$%&*/#)3*(& /#-*WOquot;#/#%#NF(;#/O ;,(.#3E+,%*7&+,8/.$4E/#-*7&.4;*7& #;;31+#.1,/(&.,&$*.$1*!*&1/0,$-#E &NF%1!ONF%1!O !#38*K7&3#)*3 R&2*,&J3#.1.8%*7&3,/21.8%*K7&.Q .1,/&%1$*+.34&0$,-&A*)&;#2*(& grab the pocket cheat sheet R&;',.,7&3,2,7&)%#4&JLBU&%#.*K A1.',8.&'#!1/2&.,&$*0*$*/+*&#& 9AD1<?<190CE;<18=KAIA=/D012 R&.1.3*7&$,3*7&,$2&J,$2#/1Q#.1,/E/#-*7& (*;#$#.*&!3*5 9AD1<?<190CE;<18=KAIA=/D012L ,$2#/1Q#.1,/E8/1.K 4>09:34E R&/,.*7&+#.*2,$47&(,8/% R&81%7&+3#((7&C*47&-#13*$7&$*! /#0345201*->09:34 /#0345201 /#0345201*+1<:41CA4E http://microformats.org/wiki/cheat-sheet R&!*!*/.& N(;#/&+3#((VW!*!*/.WO B1-13#$&.,&'quot;#$%7&.'*&)#(1(&0,$& N#&+3#((VW8$3W& R&%.(.#$.&JLBU&%#.*K& 'quot;#3*/%#$&#$*&.'*&1quot;#3*/%#$& '$*0VW'..;:FFAAA5A*)Z+,/5+,-FWO R&(8--#$4 ;$,;*$.1*(&A'1+'&#$*&.'*&%121.#3& &&N(;#/&+3#((VW(8--#$4WO@*)&Z5[& U;.1,/#3&H1*3%(: (.#/%#$%&0,$&(+'*%83*&%1(;3#45& quot;,/0*$*/+*NF(;#/O:& R&3,+#.1,/ @*)&8(*$(&+#/&*-)*%&#/%&(.43*& &&N#))$&+3#((VW%.(.#$.W&.1.3*VWZ[[E R&8$3 .'*1$&+#3*/%#$(&8(1/2&.'*(*& 9[E[WOU+.,)*$&NF#))$OE R&%.*/%&JLBU&%#.*K &&N#))$&+3#((VW%.*/%W&.1.3*VWZ[[E (.#/%#$%&(*-#/.1+(F-#$C8;7&#(&
  • 59. hCard people, companies, organizations, and places
  • 60. let’s make this an hCard Adam won’t mind
  • 61. <body> <div id=quot;headerquot;> <h1>The Real Adam</h1> <h2>Where Adam Keys happens</h2> </div> <p id=quot;blurbquot;> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p> <div id=quot;elsewherequot;> <h3>Adam Elsewhere</h3> <ul> <li><a href=quot;http://mvm.therealadam.comquot;>Man vs. Machine</a></li> <li><a href=quot;http://punchline.therealadam.comquot;>Punchline Labs</a></li> <li><a href=quot;http://flickr.com/photos/therealadam/quot;>Flickr</a></li> <li><a href=quot;http://del.icio.us/akeysquot;>del.icio.us</a></li> <li><a href=quot;http://adamkeys.43people.com/quot;>43 People</a></li> <li><a href=quot;http://therealadam.vox.com/quot;>Vox</a></li> <li><a href=quot;http://twitter.com/therealadamquot;>Twitter</a></li> <li><a href=quot;http://www.last.fm/user/therealadam/quot;>Last.fm</a></li> </ul> </div> </body>
  • 62. <body>class=quot;vcardquot;> <body <div id=quot;headerquot;> <h1>The Real Adam</h1> <h2>Where Adam Keys happens</h2> </div> <p id=quot;blurbquot;> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p> <div id=quot;elsewherequot;> <h3>Adam Elsewhere</h3> <ul> <li><a href=quot;http://mvm.therealadam.comquot;>Man vs. Machine</a></li> <li><a href=quot;http://punchline.therealadam.comquot;>Punchline Labs</a></li> <li><a href=quot;http://flickr.com/photos/therealadam/quot;>Flickr</a></li> <li><a href=quot;http://del.icio.us/akeysquot;>del.icio.us</a></li> <li><a href=quot;http://adamkeys.43people.com/quot;>43 People</a></li> <li><a href=quot;http://therealadam.vox.com/quot;>Vox</a></li> <li><a href=quot;http://twitter.com/therealadamquot;>Twitter</a></li> <li><a href=quot;http://www.last.fm/user/therealadam/quot;>Last.fm</a></li> </ul> </div> </body>
  • 63. <body>class=quot;vcardquot;> <body <div id=quot;headerquot;> <h1>The Real Adam</h1> <h2>Where Adam Keys happens</h2>Keys</span> happens</h2> <span class=quot;fnquot;>Adam </div> <p id=quot;blurbquot;> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p> <div id=quot;elsewherequot;> <h3>Adam Elsewhere</h3> <ul> <li><a href=quot;http://mvm.therealadam.comquot;>Man vs. Machine</a></li> <li><a href=quot;http://punchline.therealadam.comquot;>Punchline Labs</a></li> <li><a href=quot;http://flickr.com/photos/therealadam/quot;>Flickr</a></li> <li><a href=quot;http://del.icio.us/akeysquot;>del.icio.us</a></li> <li><a href=quot;http://adamkeys.43people.com/quot;>43 People</a></li> <li><a href=quot;http://therealadam.vox.com/quot;>Vox</a></li> <li><a href=quot;http://twitter.com/therealadamquot;>Twitter</a></li> <li><a href=quot;http://www.last.fm/user/therealadam/quot;>Last.fm</a></li> </ul> </div> </body>
  • 64. we’re done that is, now we have a valid hCard
  • 65. <div id=quot;headerquot;> <h1>The Real Adam</h1> <h2>Where <span class=quot;fnquot;>Adam Keys</span> happens</h2> </div>
  • 66. <div id=quot;headerquot;> <h1 class=quot;nicknamequot;>The Real Adam</h1> <h1>The Real Adam</h1> <h2>Where <span class=quot;fnquot;>Adam Keys</span> happens</h2> </div>
  • 67. <p id=quot;blurbquot;> Adam Keys is a software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p>
  • 68. <p id=quot;blurbquot;> Adam Keys is a <span class=quot;titlequot;>software developer and writer</span> software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p>
  • 69. <p id=quot;blurbquot;>class=quot;adrquot;> Adam Keys is a <span class=quot;titlequot;>software developer and writer</span> software developer and writer who lives in and about Dallas in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p>
  • 70. <p id=quot;blurbquot;>class=quot;adrquot;> Adam Keys is a <span class=quot;titlequot;>software developer and writer</span> software developer and writer who lives in and about Dallasclass=quot;localityquot;>Dallas</span> in the great state <span in the great state of Texas. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p>
  • 71. <p id=quot;blurbquot;>class=quot;adrquot;> Adam Keys is a <span class=quot;titlequot;>software developer and writer</span> software developer and writer who lives in and about Dallasclass=quot;localityquot;>Dallas</span> in the great state <span in the great state of Texas.class=quot;regionquot;>Texas</span>. Adam spends <span When not coding or writing, When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p>
  • 72. <ul> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://mvm.therealadam.comquot;>Man vs. Machine</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://punchline.therealadam.comquot;>Punchline Labs</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://flickr.com/photos/therealadam/quot;>Flickr</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://del.icio.us/akeysquot;>del.icio.us</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://adamkeys.43people.com/quot;>43 People</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://therealadam.vox.com/quot;>Vox</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://twitter.com/therealadamquot;>Twitter</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://www.last.fm/user/therealadam/quot;>Last.fm</a></li> </ul>
  • 73. <ul> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://mvm.therealadam.comquot;>Man vs. Machine</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://punchline.therealadam.comquot;>Punchline Labs</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://flickr.com/photos/therealadam/quot;>Flickr</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://del.icio.us/akeysquot;>del.icio.us</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://adamkeys.43people.com/quot;>43 People</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://therealadam.vox.com/quot;>Vox</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://twitter.com/therealadamquot;>Twitter</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://www.last.fm/user/therealadam/quot;>Last.fm</a></li> </ul>
  • 74. <ul> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://mvm.therealadam.comquot;>Man vs. Machine</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://punchline.therealadam.comquot;>Punchline Labs</a></ <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://flickr.com/photos/therealadam/quot;>Flickr</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://del.icio.us/akeysquot;>del.icio.us</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://adamkeys.43people.com/quot;>43 People</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://therealadam.vox.com/quot;>Vox</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://twitter.com/therealadamquot;>Twitter</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://www.last.fm/user/therealadam/quot;>Last.fm</a></li> </ul>
  • 75. <body class=quot;vcardquot;> <div id=quot;headerquot;> <h1 class=quot;nicknamequot;>The Real Adam</h1> <h2>Where <span class=quot;fnquot;>Adam Keys</span> happens</h2> </div> <p id=quot;blurbquot; class=quot;adrquot;> Adam Keys is a <span class=quot;titlequot;>software developer and writer</span> who lives in and about <span class=quot;localityquot;>Dallas</span> in the great state of <span class=quot;regionquot;>Texas</span>. When not coding or writing, Adam spends his time being a sucker for animals, an amateur humorist, an arbitrator of what is geek-chic and an aspiring erudite. </p> <div id=quot;elsewherequot;> <h3>Adam Elsewhere</h3> <ul> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://mvm.therealadam.comquot;>Man vs. Machine</a></l <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://punchline.therealadam.comquot;>Punchline Labs</ <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://flickr.com/photos/therealadam/quot;>Flickr</a>< <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://del.icio.us/akeysquot;>del.icio.us</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://adamkeys.43people.com/quot;>43 People</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://therealadam.vox.com/quot;>Vox</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://twitter.com/therealadamquot;>Twitter</a></li> <li><a class=quot;urlquot; rel=quot;mequot; href=quot;http://www.last.fm/user/therealadam/quot;>Last.fm</a>< </ul> </div> </body>
  • 76. hCalendar calendaring and events
  • 77. let’s make this an hCalendar better late than never
  • 78. h2. Next Meeting! *When*: October 2, 7-9 PM. *What*: Chris Griego drops the Microformats knowledge Chris Griego will educate us on Microformats. They're a great way to build machine-readable data into your site or application without having to go to the length of offering a full-blown API. There's also lots of great data available as Microformats from sites like Yahoo! Upcoming and LinkedIn. *Where*: Improving's new offices -- HowToGetToImproving
  • 79. h2. Next Meeting! <div class=quot;veventquot;> *When*: October 2, 7-9 PM. *What*: Chris Griego drops the Microformats knowledge Chris Griego will educate us on Microformats. They're a great way to build machine-readable data into your site or application without having to go to the length of offering a full-blown API. There's also lots of great data available as Microformats from sites like Yahoo! Upcoming and LinkedIn. *Where*: Improving's new offices -- HowToGetToImproving </div>
  • 80. h2. Next Meeting! <div class=quot;veventquot;> *When*: October 2, 7-9 PM. Chris Griego drops the Microformats knowledge *What*: %(summary)Chris Griego drops the Microformats knowledge% Chris Griego will educate us on Microformats. They're a great way to build machine-readable data into your site or application without having to go to the length of offering a full-blown API. There's also lots of great data available as Microformats from sites like Yahoo! Upcoming and LinkedIn. *Where*: Improving's new offices -- HowToGetToImproving </div>
  • 81. h2. Next Meeting! <div class=quot;veventquot;> *When*: <abbr title=quot;2007-10-02T19:00:00-05:00quot; class=quot;dtstartquot;>October 2, 7</abbr> October 2, 7-9 PM. -<abbr title=quot;2007-10-02T21:00:00-05:00quot; class=quot;dtendquot;>9 PM</abbr>. Chris Griego drops the Microformats knowledge *What*: %(summary)Chris Griego drops the Microformats knowledge% Chris Griego will educate us on Microformats. They're a great way to build machine-readable data into your site or application without having to go to the length of offering a full-blown API. There's also lots of great data available as Microformats from sites like Yahoo! Upcoming and LinkedIn. *Where*: Improving's new offices -- HowToGetToImproving </div>
  • 82. h2. Next Meeting! <div class=quot;veventquot;> *When*: <abbr title=quot;2007-10-02T19:00:00-05:00quot; class=quot;dtstartquot;>October 2, 7</abbr> October 2, 7-9 PM. -<abbr title=quot;2007-10-02T21:00:00-05:00quot; class=quot;dtendquot;>9 PM</abbr>. Chris Griego drops the Microformats knowledge *What*: %(summary)Chris Griego drops the Microformats knowledge% %(description)Chris Griego will educate us on Microformats. great way to Chris Griego will educate us on Microformats. They're a They're a great way to build machine-readable data into your site or application without having to go to the length of offering a full-blown API. There's also lots of great data available LinkedIn. as Microformats from sites like Yahoo! Upcoming and LinkedIn.% *Where*: Improving's new offices -- HowToGetToImproving </div>
  • 83. h2. Next Meeting! <div class=quot;veventquot;> *When*: <abbr title=quot;2007-10-02T19:00:00-05:00quot; class=quot;dtstartquot;>October 2, 7</abbr> October 2, 7-9 PM. -<abbr title=quot;2007-10-02T21:00:00-05:00quot; class=quot;dtendquot;>9 PM</abbr>. Chris Griego drops the Microformats knowledge *What*: %(summary)Chris Griego drops the Microformats knowledge% %(description)Chris Griego will educate us on Microformats. great way to Chris Griego will educate us on Microformats. They're a They're a great way to build machine-readable data into your site or application without having to go to the length of offering a full-blown API. There's also lots of great data available LinkedIn. as Microformats from sites like Yahoo! Upcoming and LinkedIn.% Improving's new offices -- HowToGetToImproving *Where*: %(location)Improving%'s new offices -- HowToGetToImproving </div>
  • 84. hReview products, businesses, events, people, places, etc.
  • 85. item hCard hCalendar fn
  • 86. item hCard hCalendar fn reviewer hCard
  • 87. item tags hCard rel-tag hCalendar fn reviewer hCard
  • 88. item tags hCard rel-tag hCalendar permalink fn rel-bookmark (posh) reviewer hCard
  • 89. item tags hCard rel-tag hCalendar permalink fn rel-bookmark (posh) reviewer license hCard rel-license
  • 90. hRésumé built almost entirely out of existing formats
  • 91. contact hCard
  • 92. contact hCard skills rel-tag
  • 93. contact hCard skills rel-tag affiliations hCard
  • 94. contact education hCard hCalendar skills hCard rel-tag affiliations hCard
  • 95. contact education hCard hCalendar skills hCard rel-tag experience affiliations hCalendar hCard hCard
  • 96. hAtom syndication
  • 97. microformats syndicated NetNewsWire exposes them just like a browser
  • 98. resources don’t stop now
  • 99. operator discover microformats on the web
  • 100. microformats book by John Allsopp
  • 101. microformats.org blog wiki irc: #microformats on freenode mailling lists
  • 102. ruby µf parsers gem uformats # updated 2006-08-02 gem scrAPI # updated 2006-08-27 gem mofo # updated 2007-08-17
  • 103. thanks for listening 1. install operator 2. add rel-home 3. add an hCard

×