SlideShare a Scribd company logo
1 of 108
Download to read offline
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
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
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
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
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
why?
Drag API
Pitch Here
feeds used to be for geeks
auto-discovery in browsers changed that
Microformats, Building Blocks of the Semantic Web
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
Microformats, Building Blocks of the Semantic Web
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>

                               tag
what is the tag here?

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

                               tag            irrelevant
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            irrelevant
<a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a>

               tagspace        tag            irrelevant
xfn
human relationships as hyperlinks
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
<%=
   link_to @adam.name,
   @adam,
   :rel => 'friend met
     colleague muse'
%>
compound microformats
center of attention
Microformats, Building Blocks of the Semantic Web
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,$-#.(&#$*&+,/!*/.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&#(&
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;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>
<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>
<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>
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 class=quot;fnquot;>Adam Keys</span> 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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
Microformats, Building Blocks of the Semantic Web
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 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
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>
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>
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>
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>
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>
Microformats, Building Blocks of the Semantic Web
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      license
  hCard         rel-license
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     hCalendar
  hCard           hCard
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

More Related Content

What's hot

Digitaal erfgoed voor het onderwijs
Digitaal erfgoed voor het onderwijsDigitaal erfgoed voor het onderwijs
Digitaal erfgoed voor het onderwijsErfgoed 2.0
 
Webinar: Online Fundraising
Webinar: Online FundraisingWebinar: Online Fundraising
Webinar: Online FundraisingifPeople
 
Presentazione christophepallier
Presentazione christophepallierPresentazione christophepallier
Presentazione christophepallierelena.pasquinelli
 
Psy4020 résumé chapitre 14 A-2013
Psy4020 résumé chapitre 14 A-2013 Psy4020 résumé chapitre 14 A-2013
Psy4020 résumé chapitre 14 A-2013 Martinsky Desjardins
 
South Amboy of 1920s Is Theme of Fundraiser (The Suburban)
South Amboy of 1920s Is Theme of Fundraiser (The Suburban)South Amboy of 1920s Is Theme of Fundraiser (The Suburban)
South Amboy of 1920s Is Theme of Fundraiser (The Suburban)Jacqueline Durett
 
Young Lions Media 2011 / SPYL509
Young Lions Media 2011 / SPYL509Young Lions Media 2011 / SPYL509
Young Lions Media 2011 / SPYL509Vane Marín
 
7 carrizosa, agustin
7 carrizosa, agustin7 carrizosa, agustin
7 carrizosa, agustingalan55
 
Introduction Open Science STS Course 2015
Introduction Open Science STS Course 2015Introduction Open Science STS Course 2015
Introduction Open Science STS Course 2015Katja Mayer
 
Fachada - O verdadeiro cartão de visita de uma loja. Artigo para a Edição 452...
Fachada - O verdadeiro cartão de visita de uma loja. Artigo para a Edição 452...Fachada - O verdadeiro cartão de visita de uma loja. Artigo para a Edição 452...
Fachada - O verdadeiro cartão de visita de uma loja. Artigo para a Edição 452...Flávio Radamarker, RDI
 
New BYOB Law for Sayreville (The Suburban)
New BYOB Law for Sayreville (The Suburban)New BYOB Law for Sayreville (The Suburban)
New BYOB Law for Sayreville (The Suburban)Jacqueline Durett
 
FUEL-cleanEnergy
FUEL-cleanEnergyFUEL-cleanEnergy
FUEL-cleanEnergyJim Romeo
 
2011 WBECS Speaker Final Lineup
2011 WBECS Speaker Final Lineup 2011 WBECS Speaker Final Lineup
2011 WBECS Speaker Final Lineup Ben Croft
 
Обзор рынка Дополненной реальности
Обзор рынка Дополненной реальностиОбзор рынка Дополненной реальности
Обзор рынка Дополненной реальностиAndrei Mamontov
 
Visual Arts S A Summaryfinal
Visual Arts  S A SummaryfinalVisual Arts  S A Summaryfinal
Visual Arts S A SummaryfinalChakan Hislop
 
Story bird resources_part_3
Story bird resources_part_3Story bird resources_part_3
Story bird resources_part_3Eric Brace
 

What's hot (20)

Contadiniperscelta ceriani
Contadiniperscelta cerianiContadiniperscelta ceriani
Contadiniperscelta ceriani
 
Digitaal erfgoed voor het onderwijs
Digitaal erfgoed voor het onderwijsDigitaal erfgoed voor het onderwijs
Digitaal erfgoed voor het onderwijs
 
Webinar: Online Fundraising
Webinar: Online FundraisingWebinar: Online Fundraising
Webinar: Online Fundraising
 
Presentazione christophepallier
Presentazione christophepallierPresentazione christophepallier
Presentazione christophepallier
 
Layouts
LayoutsLayouts
Layouts
 
Psy4020 résumé chapitre 14 A-2013
Psy4020 résumé chapitre 14 A-2013 Psy4020 résumé chapitre 14 A-2013
Psy4020 résumé chapitre 14 A-2013
 
South Amboy of 1920s Is Theme of Fundraiser (The Suburban)
South Amboy of 1920s Is Theme of Fundraiser (The Suburban)South Amboy of 1920s Is Theme of Fundraiser (The Suburban)
South Amboy of 1920s Is Theme of Fundraiser (The Suburban)
 
Young Lions Media 2011 / SPYL509
Young Lions Media 2011 / SPYL509Young Lions Media 2011 / SPYL509
Young Lions Media 2011 / SPYL509
 
MPI_PQ_2015_ISSUE5
MPI_PQ_2015_ISSUE5MPI_PQ_2015_ISSUE5
MPI_PQ_2015_ISSUE5
 
7 carrizosa, agustin
7 carrizosa, agustin7 carrizosa, agustin
7 carrizosa, agustin
 
Introduction Open Science STS Course 2015
Introduction Open Science STS Course 2015Introduction Open Science STS Course 2015
Introduction Open Science STS Course 2015
 
Fachada - O verdadeiro cartão de visita de uma loja. Artigo para a Edição 452...
Fachada - O verdadeiro cartão de visita de uma loja. Artigo para a Edição 452...Fachada - O verdadeiro cartão de visita de uma loja. Artigo para a Edição 452...
Fachada - O verdadeiro cartão de visita de uma loja. Artigo para a Edição 452...
 
Ecosoc
EcosocEcosoc
Ecosoc
 
New BYOB Law for Sayreville (The Suburban)
New BYOB Law for Sayreville (The Suburban)New BYOB Law for Sayreville (The Suburban)
New BYOB Law for Sayreville (The Suburban)
 
FUEL-cleanEnergy
FUEL-cleanEnergyFUEL-cleanEnergy
FUEL-cleanEnergy
 
2011 WBECS Speaker Final Lineup
2011 WBECS Speaker Final Lineup 2011 WBECS Speaker Final Lineup
2011 WBECS Speaker Final Lineup
 
Обзор рынка Дополненной реальности
Обзор рынка Дополненной реальностиОбзор рынка Дополненной реальности
Обзор рынка Дополненной реальности
 
Vietnamese concerns on the environment issues
Vietnamese concerns on the environment issuesVietnamese concerns on the environment issues
Vietnamese concerns on the environment issues
 
Visual Arts S A Summaryfinal
Visual Arts  S A SummaryfinalVisual Arts  S A Summaryfinal
Visual Arts S A Summaryfinal
 
Story bird resources_part_3
Story bird resources_part_3Story bird resources_part_3
Story bird resources_part_3
 

Viewers also liked

Save Arad from the Ofer brothers
Save Arad from the Ofer brothersSave Arad from the Ofer brothers
Save Arad from the Ofer brothersYohay
 
Catholic Women's League of Allan, Saskatchewan
Catholic Women's League of Allan, SaskatchewanCatholic Women's League of Allan, Saskatchewan
Catholic Women's League of Allan, SaskatchewanEvan Thornton
 
תקציב 2008
תקציב 2008תקציב 2008
תקציב 2008Yohay
 
Timna Park
Timna ParkTimna Park
Timna ParkYohay
 
Primary Sources
Primary SourcesPrimary Sources
Primary Sourcespgavin36
 
MDAW #11 | Do enterprises really need a consumer grade UI?
MDAW #11 | Do enterprises really need a consumer grade UI?MDAW #11 | Do enterprises really need a consumer grade UI?
MDAW #11 | Do enterprises really need a consumer grade UI?Mark A.M. Kramer
 
Blending Performance with Front-End Architecture
Blending Performance with Front-End ArchitectureBlending Performance with Front-End Architecture
Blending Performance with Front-End ArchitectureChris Griego
 
#HR Hacking Episode 1 : Le recruteur, ce hacker!
#HR Hacking Episode 1 : Le recruteur, ce hacker!#HR Hacking Episode 1 : Le recruteur, ce hacker!
#HR Hacking Episode 1 : Le recruteur, ce hacker!Fabernovel
 
Le Futur des Ressources Humaines - Demain plus de DRH ?
Le Futur des Ressources Humaines - Demain plus de DRH ? Le Futur des Ressources Humaines - Demain plus de DRH ?
Le Futur des Ressources Humaines - Demain plus de DRH ? Fabernovel
 
#HR HACKING - Recruiting officers, such hackers
#HR HACKING - Recruiting officers, such hackers#HR HACKING - Recruiting officers, such hackers
#HR HACKING - Recruiting officers, such hackersFabernovel
 
Mapness @ 3camp
Mapness @ 3campMapness @ 3camp
Mapness @ 3camp3camp
 
Project of Heart in Allan, SK
Project of Heart in Allan, SKProject of Heart in Allan, SK
Project of Heart in Allan, SKEvan Thornton
 
Gladys MacDonald student reflections
Gladys MacDonald student reflectionsGladys MacDonald student reflections
Gladys MacDonald student reflectionsEvan Thornton
 
gemelis te amo
gemelis te amogemelis te amo
gemelis te amoalezita_02
 
Motivacion seamos ganzos
Motivacion seamos ganzosMotivacion seamos ganzos
Motivacion seamos ganzosprofedaniel
 

Viewers also liked (20)

Save Arad from the Ofer brothers
Save Arad from the Ofer brothersSave Arad from the Ofer brothers
Save Arad from the Ofer brothers
 
2D Hamilton
2D Hamilton2D Hamilton
2D Hamilton
 
Catholic Women's League of Allan, Saskatchewan
Catholic Women's League of Allan, SaskatchewanCatholic Women's League of Allan, Saskatchewan
Catholic Women's League of Allan, Saskatchewan
 
תקציב 2008
תקציב 2008תקציב 2008
תקציב 2008
 
Timna Park
Timna ParkTimna Park
Timna Park
 
Primary Sources
Primary SourcesPrimary Sources
Primary Sources
 
MDAW #11 | Do enterprises really need a consumer grade UI?
MDAW #11 | Do enterprises really need a consumer grade UI?MDAW #11 | Do enterprises really need a consumer grade UI?
MDAW #11 | Do enterprises really need a consumer grade UI?
 
Blending Performance with Front-End Architecture
Blending Performance with Front-End ArchitectureBlending Performance with Front-End Architecture
Blending Performance with Front-End Architecture
 
#HR Hacking Episode 1 : Le recruteur, ce hacker!
#HR Hacking Episode 1 : Le recruteur, ce hacker!#HR Hacking Episode 1 : Le recruteur, ce hacker!
#HR Hacking Episode 1 : Le recruteur, ce hacker!
 
Le Futur des Ressources Humaines - Demain plus de DRH ?
Le Futur des Ressources Humaines - Demain plus de DRH ? Le Futur des Ressources Humaines - Demain plus de DRH ?
Le Futur des Ressources Humaines - Demain plus de DRH ?
 
#HR HACKING - Recruiting officers, such hackers
#HR HACKING - Recruiting officers, such hackers#HR HACKING - Recruiting officers, such hackers
#HR HACKING - Recruiting officers, such hackers
 
Mapness @ 3camp
Mapness @ 3campMapness @ 3camp
Mapness @ 3camp
 
Project of Heart in Allan, SK
Project of Heart in Allan, SKProject of Heart in Allan, SK
Project of Heart in Allan, SK
 
Gladys MacDonald student reflections
Gladys MacDonald student reflectionsGladys MacDonald student reflections
Gladys MacDonald student reflections
 
MCT Open House #2
MCT Open House #2MCT Open House #2
MCT Open House #2
 
gemelis te amo
gemelis te amogemelis te amo
gemelis te amo
 
Exponencia
ExponenciaExponencia
Exponencia
 
Group
GroupGroup
Group
 
Motivacion seamos ganzos
Motivacion seamos ganzosMotivacion seamos ganzos
Motivacion seamos ganzos
 
Emilytan
EmilytanEmilytan
Emilytan
 

Similar to Microformats, Building Blocks of the Semantic Web

¿Riesgo de quiebra en Cambre?
¿Riesgo de quiebra en Cambre?¿Riesgo de quiebra en Cambre?
¿Riesgo de quiebra en Cambre?el emboscado
 
Sportsmanship!learn how to_be_respectful!_)
Sportsmanship!learn how to_be_respectful!_)Sportsmanship!learn how to_be_respectful!_)
Sportsmanship!learn how to_be_respectful!_)marie93
 
Sportsmanship!learn how to_be_respectful!_)
Sportsmanship!learn how to_be_respectful!_)Sportsmanship!learn how to_be_respectful!_)
Sportsmanship!learn how to_be_respectful!_)Nsn07
 
Основные правила подбора КФ от Яндекса
Основные правила подбора КФ от ЯндексаОсновные правила подбора КФ от Яндекса
Основные правила подбора КФ от ЯндексаMAXGEN Онлайния
 
Innovations democra tic-document-veille-slideshare
Innovations democra tic-document-veille-slideshareInnovations democra tic-document-veille-slideshare
Innovations democra tic-document-veille-slideshareidemocratic
 
Nearby Startup Pitch for SUU 2013 conference
Nearby Startup Pitch for SUU 2013 conferenceNearby Startup Pitch for SUU 2013 conference
Nearby Startup Pitch for SUU 2013 conferenceAdam Nemeth
 
Lessons RN labor union learned using social media in 2010
Lessons RN labor union learned using social media in 2010Lessons RN labor union learned using social media in 2010
Lessons RN labor union learned using social media in 2010LinkedIn Riches
 
Capitulo 3.9 Gestion Tributaria Mipro ERP
Capitulo 3.9 Gestion Tributaria Mipro ERPCapitulo 3.9 Gestion Tributaria Mipro ERP
Capitulo 3.9 Gestion Tributaria Mipro ERPDeath User
 
Oisin Lunny OpenMarket IoF National Convention 2014
Oisin Lunny OpenMarket IoF National Convention 2014Oisin Lunny OpenMarket IoF National Convention 2014
Oisin Lunny OpenMarket IoF National Convention 2014Oisin Lunny
 
Guardian Changing Media Summit - Mobile In Focus
Guardian Changing Media Summit - Mobile In FocusGuardian Changing Media Summit - Mobile In Focus
Guardian Changing Media Summit - Mobile In FocusOisin Lunny
 
Clinical Trials in The Cloud
Clinical Trials in The CloudClinical Trials in The Cloud
Clinical Trials in The CloudClinCapture
 
Hudson City Youth Dept Assessment 03312012
Hudson City Youth Dept Assessment  03312012Hudson City Youth Dept Assessment  03312012
Hudson City Youth Dept Assessment 03312012rosemarielongo
 
Ico corporate presentation en
Ico corporate presentation enIco corporate presentation en
Ico corporate presentation enHarpreet kaur
 
Bio Startup Spinoff 2010
Bio Startup Spinoff 2010Bio Startup Spinoff 2010
Bio Startup Spinoff 2010Servadio
 
2010 UCLA State Farm Plans Book
2010 UCLA State Farm Plans Book2010 UCLA State Farm Plans Book
2010 UCLA State Farm Plans BookChristine Takaichi
 
Paradise Renewables Brochure V3
Paradise Renewables Brochure  V3Paradise Renewables Brochure  V3
Paradise Renewables Brochure V3Timothy Bybee
 

Similar to Microformats, Building Blocks of the Semantic Web (20)

Ph 35
Ph 35Ph 35
Ph 35
 
¿Riesgo de quiebra en Cambre?
¿Riesgo de quiebra en Cambre?¿Riesgo de quiebra en Cambre?
¿Riesgo de quiebra en Cambre?
 
Regalos 2012
Regalos 2012Regalos 2012
Regalos 2012
 
Sportsmanship!learn how to_be_respectful!_)
Sportsmanship!learn how to_be_respectful!_)Sportsmanship!learn how to_be_respectful!_)
Sportsmanship!learn how to_be_respectful!_)
 
Sportsmanship!learn how to_be_respectful!_)
Sportsmanship!learn how to_be_respectful!_)Sportsmanship!learn how to_be_respectful!_)
Sportsmanship!learn how to_be_respectful!_)
 
Основные правила подбора КФ от Яндекса
Основные правила подбора КФ от ЯндексаОсновные правила подбора КФ от Яндекса
Основные правила подбора КФ от Яндекса
 
Innovations democra tic-document-veille-slideshare
Innovations democra tic-document-veille-slideshareInnovations democra tic-document-veille-slideshare
Innovations democra tic-document-veille-slideshare
 
Nearby Startup Pitch for SUU 2013 conference
Nearby Startup Pitch for SUU 2013 conferenceNearby Startup Pitch for SUU 2013 conference
Nearby Startup Pitch for SUU 2013 conference
 
Lessons RN labor union learned using social media in 2010
Lessons RN labor union learned using social media in 2010Lessons RN labor union learned using social media in 2010
Lessons RN labor union learned using social media in 2010
 
Capitulo 3.9 Gestion Tributaria Mipro ERP
Capitulo 3.9 Gestion Tributaria Mipro ERPCapitulo 3.9 Gestion Tributaria Mipro ERP
Capitulo 3.9 Gestion Tributaria Mipro ERP
 
Oisin Lunny OpenMarket IoF National Convention 2014
Oisin Lunny OpenMarket IoF National Convention 2014Oisin Lunny OpenMarket IoF National Convention 2014
Oisin Lunny OpenMarket IoF National Convention 2014
 
Guardian Changing Media Summit - Mobile In Focus
Guardian Changing Media Summit - Mobile In FocusGuardian Changing Media Summit - Mobile In Focus
Guardian Changing Media Summit - Mobile In Focus
 
Clinical Trials in The Cloud
Clinical Trials in The CloudClinical Trials in The Cloud
Clinical Trials in The Cloud
 
Hudson City Youth Dept Assessment 03312012
Hudson City Youth Dept Assessment  03312012Hudson City Youth Dept Assessment  03312012
Hudson City Youth Dept Assessment 03312012
 
Ico corporate presentation en
Ico corporate presentation enIco corporate presentation en
Ico corporate presentation en
 
Bio Startup Spinoff 2010
Bio Startup Spinoff 2010Bio Startup Spinoff 2010
Bio Startup Spinoff 2010
 
Pres Project
Pres ProjectPres Project
Pres Project
 
3 - Manual INC100.pdf
3 - Manual INC100.pdf3 - Manual INC100.pdf
3 - Manual INC100.pdf
 
2010 UCLA State Farm Plans Book
2010 UCLA State Farm Plans Book2010 UCLA State Farm Plans Book
2010 UCLA State Farm Plans Book
 
Paradise Renewables Brochure V3
Paradise Renewables Brochure  V3Paradise Renewables Brochure  V3
Paradise Renewables Brochure V3
 

Recently uploaded

Where developers are challenged, what developers want and where DevEx is going
Where developers are challenged, what developers want and where DevEx is goingWhere developers are challenged, what developers want and where DevEx is going
Where developers are challenged, what developers want and where DevEx is goingFrancesco Corti
 
How to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxHow to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxKaustubhBhavsar6
 
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxGraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxNeo4j
 
Top 10 Squarespace Development Companies
Top 10 Squarespace Development CompaniesTop 10 Squarespace Development Companies
Top 10 Squarespace Development CompaniesTopCSSGallery
 
UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3DianaGray10
 
AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024Brian Pichman
 
IT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingIT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingMAGNIntelligence
 
2024.03.12 Cost drivers of cultivated meat production.pdf
2024.03.12 Cost drivers of cultivated meat production.pdf2024.03.12 Cost drivers of cultivated meat production.pdf
2024.03.12 Cost drivers of cultivated meat production.pdfThe Good Food Institute
 
Extra-120324-Visite-Entreprise-icare.pdf
Extra-120324-Visite-Entreprise-icare.pdfExtra-120324-Visite-Entreprise-icare.pdf
Extra-120324-Visite-Entreprise-icare.pdfInfopole1
 
Planetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile BrochurePlanetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile BrochurePlanetek Italia Srl
 
Automation Ops Series: Session 2 - Governance for UiPath projects
Automation Ops Series: Session 2 - Governance for UiPath projectsAutomation Ops Series: Session 2 - Governance for UiPath projects
Automation Ops Series: Session 2 - Governance for UiPath projectsDianaGray10
 
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - TechWebinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - TechProduct School
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kitJamie (Taka) Wang
 
CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024Brian Pichman
 
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through TokenizationStobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through TokenizationStobox
 
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENTSIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENTxtailishbaloch
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch TuesdayIvanti
 
LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0DanBrown980551
 
UiPath Studio Web workshop series - Day 2
UiPath Studio Web workshop series - Day 2UiPath Studio Web workshop series - Day 2
UiPath Studio Web workshop series - Day 2DianaGray10
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...DianaGray10
 

Recently uploaded (20)

Where developers are challenged, what developers want and where DevEx is going
Where developers are challenged, what developers want and where DevEx is goingWhere developers are challenged, what developers want and where DevEx is going
Where developers are challenged, what developers want and where DevEx is going
 
How to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptxHow to become a GDSC Lead GDSC MI AOE.pptx
How to become a GDSC Lead GDSC MI AOE.pptx
 
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxGraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
 
Top 10 Squarespace Development Companies
Top 10 Squarespace Development CompaniesTop 10 Squarespace Development Companies
Top 10 Squarespace Development Companies
 
UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3
 
AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024AI Workshops at Computers In Libraries 2024
AI Workshops at Computers In Libraries 2024
 
IT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced ComputingIT Service Management (ITSM) Best Practices for Advanced Computing
IT Service Management (ITSM) Best Practices for Advanced Computing
 
2024.03.12 Cost drivers of cultivated meat production.pdf
2024.03.12 Cost drivers of cultivated meat production.pdf2024.03.12 Cost drivers of cultivated meat production.pdf
2024.03.12 Cost drivers of cultivated meat production.pdf
 
Extra-120324-Visite-Entreprise-icare.pdf
Extra-120324-Visite-Entreprise-icare.pdfExtra-120324-Visite-Entreprise-icare.pdf
Extra-120324-Visite-Entreprise-icare.pdf
 
Planetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile BrochurePlanetek Italia Srl - Corporate Profile Brochure
Planetek Italia Srl - Corporate Profile Brochure
 
Automation Ops Series: Session 2 - Governance for UiPath projects
Automation Ops Series: Session 2 - Governance for UiPath projectsAutomation Ops Series: Session 2 - Governance for UiPath projects
Automation Ops Series: Session 2 - Governance for UiPath projects
 
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - TechWebinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
Webinar: The Art of Prioritizing Your Product Roadmap by AWS Sr PM - Tech
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kit
 
CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024
 
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through TokenizationStobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
Stobox 4: Revolutionizing Investment in Real-World Assets Through Tokenization
 
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENTSIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
SIM INFORMATION SYSTEM: REVOLUTIONIZING DATA MANAGEMENT
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch Tuesday
 
LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0
 
UiPath Studio Web workshop series - Day 2
UiPath Studio Web workshop series - Day 2UiPath Studio Web workshop series - Day 2
UiPath Studio Web workshop series - Day 2
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...
 

Microformats, Building Blocks of the Semantic Web

  • 4. µf
  • 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?
  • 13. feeds used to be for geeks auto-discovery in browsers changed that
  • 15. xml
  • 25. rev is falling out of favor :(
  • 26. those 3 are all you need not one of them was a tag, all attributes
  • 29. datetime abbr with a dash of ISO8601
  • 31. <%= @time.utc.iso8601 %> <abbr title=quot;2007-10-02T19:00:00-0500quot;> Oct 2 @ 7pm</abbr>
  • 32. include DRY, reuse content already on the page
  • 38. the easiest microformat evar starting small…
  • 40. <%= link_to 'Home', root_url, :rel => 'home' %>
  • 41. rel-license links to the content license
  • 42. <%= link_to 'Terms', license_path, :rel => 'license' %>
  • 44. <%= link_to 'Download', @file.public_filename, :rel => 'enclosure' %>
  • 45. rel-tag links to a tag for the current page
  • 47. what is the tag here? <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a>
  • 48. what is the tag here? <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a> tag
  • 49. what is the tag here? <a href=quot;http://technorati.com/tag/techquot; rel=quot;tagquot;>fish</a> tag irrelevant
  • 50. rel-* relies on the URL not the text of the link
  • 51. good tags == pretty urls 42 < 42-tech < tech
  • 55. 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
  • 56. <%= link_to @adam.name, @adam, :rel => 'friend met colleague muse' %>
  • 59. the main wiki pages are specs specs are great for parsers, not publishers
  • 60. start by using the creators http://microformats.org/code/
  • 61. 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&#(&
  • 63. let’s make this an hCard Adam won’t mind
  • 64. <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>
  • 65. <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>
  • 66. <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>
  • 67. we’re done that is, now we have a valid hCard
  • 68. <div id=quot;headerquot;> <h1>The Real Adam</h1> <h2>Where <span class=quot;fnquot;>Adam Keys</span> happens</h2> </div>
  • 69. <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>
  • 70. <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>
  • 71. <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>
  • 72. <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>
  • 73. <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>
  • 74. <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>
  • 75. <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>
  • 76. <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>
  • 77. <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>
  • 78. <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>
  • 81. let’s make this an hCalendar better late than never
  • 82. 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
  • 83. 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>
  • 84. 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>
  • 85. 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>
  • 86. 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>
  • 87. 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>
  • 90. item hCard hCalendar fn
  • 91. item hCard hCalendar fn reviewer hCard
  • 92. item tags hCard rel-tag hCalendar fn reviewer hCard
  • 93. item tags hCard rel-tag hCalendar permalink fn rel-bookmark (posh) reviewer hCard
  • 94. item tags hCard rel-tag hCalendar permalink fn rel-bookmark (posh) reviewer license hCard rel-license
  • 95. hRésumé built almost entirely out of existing formats
  • 98. contact hCard skills rel-tag affiliations hCard
  • 99. contact education hCard hCalendar skills hCard rel-tag affiliations hCard
  • 100. contact education hCard hCalendar skills hCard rel-tag experience affiliations hCalendar hCard hCard
  • 107. ruby µf parsers gem uformats # updated 2006-08-02 gem scrAPI # updated 2006-08-27 gem mofo # updated 2007-08-17
  • 108. thanks for listening 1. install operator 2. add rel-home 3. add an hCard