microformats
building blocks of the semantic web
microformats
µformats
µf
lowercase semantic web
SAME THING
Designed for humans first and machines
second, microformats are a set of simple,
open data formats built upon existing and
...
Designed for humans first and machines
second, microformats are a set of simple,
open data formats built upon existing and
...
Designed for humans first and machines
second, microformats are a set of simple,
open data formats built upon existing and
...
Designed for humans first and machines
second, microformats are a set of simple,
open data formats built upon existing and
...
why?
Drag API
Pitch Here
feeds used to be for geeks
auto-discovery in browsers changed that
xml
xhtml
xml
microformats
xhtml
xml
microformats
xhtml
patterns
microformats
elemental µf
patterns
compound µf
elemental µf
patterns
design patterns
posh pieces of the puzzle
class
“general purpose processing by user agents”
rel
describes link relationships
rev
describes reverse link relationships
rev is falling out of favor :(
those 3 are all you need
not one of them was a tag, all attributes
abbr
human-friendly meets machine-readable
<abbr class=quot;fooquot; title=quot;for-µfquot;>on-page</abbr>
datetime
abbr with a dash of ISO8601
<abbr title=quot;2007-10-02T19:00:00-0500quot;>
           Oct 2 @ 7pm</abbr>
<%= @time.utc.iso8601 %>
<abbr title=quot;2007-10-02T19:00:00-0500quot;>
           Oct 2 @ 7pm</abbr>
include
DRY, reuse content already on the page
hReview

hReview

hReview
item



hReview

hReview

hReview
<a class=quot;includequot; href=quot;#itemquot;></a>
elemental microformats
the middle siblings
the easiest microformat evar
starting small…
rel-home
links to the home page
<%=
 link_to 'Home',
 root_url,
 :rel => 'home'
%>
rel-license
links to the content license
<%=
 link_to 'Terms',
 license_path,
 :rel => 'license'
%>
rel-enclosure
links to a download
<%=
 link_to 'Download',
 @file.public_filename,
 :rel => 'enclosure'
%>
rel-tag
links to a tag for the current page
pitfall
what is the tag here?

<a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a>
what is the tag here?

<a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a>

                      ...
what is the tag here?

<a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a>

                      ...
rel-* relies on the URL
not the text of the link
good tags == pretty urls
42 < 42-tech < tech
<a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a>

                               tag           ...
<a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a>

               tagspace        tag           ...
xfn
human relationships as hyperlinks
xfn vocabulary
 Identity         Professional   Geographical
   me               co-worker      co-resident
 Friendship   ...
<%=
   link_to @adam.name,
   @adam,
   :rel => 'friend met
     colleague muse'
%>
compound microformats
center of attention
the main wiki pages are specs
specs are great for parsers, not publishers
start by using the creators
http://microformats.org/code/
B/0C*014*9AD1<?<190CEF                         .43:?H3*3A5IE*J*14E<H1D4E
                                      >1+$,0,$-#....
hCard
people, companies, organizations, and places
let’s make this an hCard
Adam won’t mind
<body>
  <div id=quot;headerquot;>
    <h1>The Real Adam</h1>
    <h2>Where Adam Keys happens</h2>
  </div>

  <p id=quot;...
<body>class=quot;vcardquot;>
<body
  <div id=quot;headerquot;>
    <h1>The Real Adam</h1>
    <h2>Where Adam Keys happens<...
<body>class=quot;vcardquot;>
<body
  <div id=quot;headerquot;>
    <h1>The Real Adam</h1>
    <h2>Where Adam Keys happens<...
we’re done
that is, now we have a valid hCard
<div id=quot;headerquot;>
  <h1>The Real Adam</h1>
  <h2>Where <span class=quot;fnquot;>Adam Keys</span> happens</h2>
</div>
<div id=quot;headerquot;>
  <h1 class=quot;nicknamequot;>The Real Adam</h1>
  <h1>The Real Adam</h1>
  <h2>Where <span cla...
<p id=quot;blurbquot;>
  Adam Keys is a software developer and writer
  who lives in and about Dallas in the great state
 ...
<p id=quot;blurbquot;>
  Adam Keys is a <span class=quot;titlequot;>software developer and writer</span>
                 ...
<p id=quot;blurbquot;>class=quot;adrquot;>
  Adam Keys is a <span class=quot;titlequot;>software developer and writer</spa...
<p id=quot;blurbquot;>class=quot;adrquot;>
  Adam Keys is a <span class=quot;titlequot;>software developer and writer</spa...
<p id=quot;blurbquot;>class=quot;adrquot;>
  Adam Keys is a <span class=quot;titlequot;>software developer and writer</spa...
<ul>
  <li><a   class=quot;urlquot; rel=quot;mequot;
           href=quot;http://mvm.therealadam.comquot;>Man vs. Machine<...
<ul>
  <li><a   class=quot;urlquot;   rel=quot;mequot;
                         href=quot;http://mvm.therealadam.comquot;>...
<ul>
  <li><a   class=quot;urlquot;   rel=quot;mequot;   href=quot;http://mvm.therealadam.comquot;>Man vs. Machine</a></li...
<body class=quot;vcardquot;>
  <div id=quot;headerquot;>
    <h1 class=quot;nicknamequot;>The Real Adam</h1>
    <h2>Where...
hCalendar
calendaring and events
let’s make this an hCalendar
better late than never
h2. Next Meeting!



*When*: October 2, 7-9 PM.



*What*: Chris Griego drops the Microformats knowledge

Chris Griego wil...
h2. Next Meeting!

<div class=quot;veventquot;>
*When*: October 2, 7-9 PM.



*What*: Chris Griego drops the Microformats ...
h2. Next Meeting!

<div class=quot;veventquot;>
*When*: October 2, 7-9 PM.



        Chris Griego drops the Microformats ...
h2. Next Meeting!

<div class=quot;veventquot;>
*When*: <abbr title=quot;2007-10-02T19:00:00-05:00quot; class=quot;dtstart...
h2. Next Meeting!

<div class=quot;veventquot;>
*When*: <abbr title=quot;2007-10-02T19:00:00-05:00quot; class=quot;dtstart...
h2. Next Meeting!

<div class=quot;veventquot;>
*When*: <abbr title=quot;2007-10-02T19:00:00-05:00quot; class=quot;dtstart...
hReview
products, businesses, events, people, places, etc.
item
  hCard
  hCalendar
  fn
item
  hCard
  hCalendar
  fn
reviewer
  hCard
item          tags
  hCard         rel-tag
  hCalendar
  fn
reviewer
  hCard
item          tags
  hCard         rel-tag
  hCalendar   permalink
  fn            rel-bookmark (posh)
reviewer
  hCard
item          tags
  hCard         rel-tag
  hCalendar   permalink
  fn            rel-bookmark (posh)
reviewer      licen...
hRésumé
built almost entirely out of existing formats
contact
  hCard
contact
  hCard
skills
  rel-tag
contact
  hCard
skills
  rel-tag
affiliations
  hCard
contact       education
  hCard         hCalendar
skills            hCard
  rel-tag
affiliations
  hCard
contact       education
  hCard         hCalendar
skills            hCard
  rel-tag     experience
affiliations     hCalend...
hAtom
syndication
microformats syndicated
NetNewsWire exposes them just like a browser
resources
don’t stop now
operator
discover microformats on the web
microformats book
by John Allsopp
microformats.org

blog
wiki
irc: #microformats on freenode
mailling lists
ruby µf parsers


 gem uformats	 # updated 2006-08-02
 gem scrAPI	 	 # updated 2006-08-27
 gem mofo	 	 # updated 2007-08-17
thanks for listening
1. install operator
2. add rel-home
3. add an hCard
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
×

Microformats, Building Blocks of the Semantic Web

4,118 views
4,037 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,118
On SlideShare
0
From Embeds
0
Number of Embeds
87
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

×