Microformats, Building Blocks of the Semantic Web

4,335 views

Published on

Presented at the October 2007 Dallas Ruby Brigade meeting.

Published in: Technology, Sports
4 Comments
11 Likes
Statistics
Notes
No Downloads
Views
Total views
4,335
On SlideShare
0
From Embeds
0
Number of Embeds
99
Actions
Shares
0
Downloads
153
Comments
4
Likes
11
Embeds 0
No embeds

No notes for slide

Microformats, Building Blocks of the Semantic Web

  1. 1. microformats building blocks of the semantic web
  2. 2. microformats
  3. 3. µformats
  4. 4. µf
  5. 5. lowercase semantic web
  6. 6. SAME THING
  7. 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. 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. 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. 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. 11. why?
  12. 12. Drag API Pitch Here
  13. 13. feeds used to be for geeks auto-discovery in browsers changed that
  14. 14. xml
  15. 15. xhtml xml
  16. 16. microformats xhtml xml
  17. 17. microformats xhtml patterns
  18. 18. microformats elemental µf patterns
  19. 19. compound µf elemental µf patterns
  20. 20. design patterns posh pieces of the puzzle
  21. 21. class “general purpose processing by user agents”
  22. 22. rel describes link relationships
  23. 23. rev describes reverse link relationships
  24. 24. rev is falling out of favor :(
  25. 25. those 3 are all you need not one of them was a tag, all attributes
  26. 26. abbr human-friendly meets machine-readable
  27. 27. <abbr class=quot;fooquot; title=quot;for-µfquot;>on-page</abbr>
  28. 28. datetime abbr with a dash of ISO8601
  29. 29. <abbr title=quot;2007-10-02T19:00:00-0500quot;> Oct 2 @ 7pm</abbr>
  30. 30. <%= @time.utc.iso8601 %> <abbr title=quot;2007-10-02T19:00:00-0500quot;> Oct 2 @ 7pm</abbr>
  31. 31. include DRY, reuse content already on the page
  32. 32. hReview hReview hReview
  33. 33. item hReview hReview hReview
  34. 34. <a class=quot;includequot; href=quot;#itemquot;></a>
  35. 35. elemental microformats the middle siblings
  36. 36. the easiest microformat evar starting small…
  37. 37. rel-home links to the home page
  38. 38. <%= link_to 'Home', root_url, :rel => 'home' %>
  39. 39. rel-license links to the content license
  40. 40. <%= link_to 'Terms', license_path, :rel => 'license' %>
  41. 41. rel-enclosure links to a download
  42. 42. <%= link_to 'Download', @file.public_filename, :rel => 'enclosure' %>
  43. 43. rel-tag links to a tag for the current page
  44. 44. pitfall
  45. 45. what is the tag here? <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a>
  46. 46. what is the tag here? <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a> tag
  47. 47. what is the tag here? <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a> tag irrelevant
  48. 48. rel-* relies on the URL not the text of the link
  49. 49. good tags == pretty urls 42 < 42-tech < tech
  50. 50. <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a> tag irrelevant
  51. 51. <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a> tagspace tag irrelevant
  52. 52. xfn human relationships as hyperlinks
  53. 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. 54. <%= link_to @adam.name, @adam, :rel => 'friend met colleague muse' %>
  55. 55. compound microformats center of attention
  56. 56. the main wiki pages are specs specs are great for parsers, not publishers
  57. 57. start by using the creators http://microformats.org/code/
  58. 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. 59. hCard people, companies, organizations, and places
  60. 60. let’s make this an hCard Adam won’t mind
  61. 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. 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. 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. 64. we’re done that is, now we have a valid hCard
  65. 65. <div id=quot;headerquot;> <h1>The Real Adam</h1> <h2>Where <span class=quot;fnquot;>Adam Keys</span> happens</h2> </div>
  66. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 76. hCalendar calendaring and events
  77. 77. let’s make this an hCalendar better late than never
  78. 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. 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. 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. 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. 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. 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. 84. hReview products, businesses, events, people, places, etc.
  85. 85. item hCard hCalendar fn
  86. 86. item hCard hCalendar fn reviewer hCard
  87. 87. item tags hCard rel-tag hCalendar fn reviewer hCard
  88. 88. item tags hCard rel-tag hCalendar permalink fn rel-bookmark (posh) reviewer hCard
  89. 89. item tags hCard rel-tag hCalendar permalink fn rel-bookmark (posh) reviewer license hCard rel-license
  90. 90. hRésumé built almost entirely out of existing formats
  91. 91. contact hCard
  92. 92. contact hCard skills rel-tag
  93. 93. contact hCard skills rel-tag affiliations hCard
  94. 94. contact education hCard hCalendar skills hCard rel-tag affiliations hCard
  95. 95. contact education hCard hCalendar skills hCard rel-tag experience affiliations hCalendar hCard hCard
  96. 96. hAtom syndication
  97. 97. microformats syndicated NetNewsWire exposes them just like a browser
  98. 98. resources don’t stop now
  99. 99. operator discover microformats on the web
  100. 100. microformats book by John Allsopp
  101. 101. microformats.org blog wiki irc: #microformats on freenode mailling lists
  102. 102. ruby µf parsers gem uformats # updated 2006-08-02 gem scrAPI # updated 2006-08-27 gem mofo # updated 2007-08-17
  103. 103. thanks for listening 1. install operator 2. add rel-home 3. add an hCard

×