Upload
andre-luis
View
6.809
Download
0
Embed Size (px)
DESCRIPTION
Apresentação introdutória sobre Microformatos na SAPO Sessions de 4 de Junho de 2009. Baseada na apresentação feita no Codebits, actualizada com exemplos e novidades. (novas ferramentas, novos design-patterns, etc.)
Citation preview
microformatos
André Luís
juntando as peças do puzzle
[email protected]://andr3.net
creative commonsattributionnon-commercialshare-alike 3.0
SAPO Sessions3 Junho 2009
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
Dan Cederholm http://simplebits.com
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
Introdução
Como usar?
Como publicar?
Como consumir?
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
Introdução
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
World Wide Web
pixelydixelWednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
Documentos
bitzceltWednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
Dados
fonte: cnn.comWednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
Dados
fonte: everyblock.comWednesday, June 3, 2009
HTML (tabelas)1998
Webstandards2003
2008
Introduçãomicroformatos juntando as peças do puzzle
RDF1999
A evolução da Web
Wednesday, June 3, 2009
Webstandards2003
microformatos2005
RDF1999
2008
Introduçãomicroformatos juntando as peças do puzzle
HTML (tabelas)1998
A evolução da Web
Wednesday, June 3, 2009
Estão a ver todas aquelas coisas que vocês já têm nos vossos sites? Os microformatos apenas dizem aos computadores o que essas coisas na realidade são.
Introdução
por Toby Inksterhttp://microformats.org/wiki/what-are-microformats
“
”
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Introdução
=
Semântica Estudo da linguagem humana do ponto de vista do significado das palavras e dos enunciados;
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Introdução
Web Semântica vs. web semântica
RDFOWL, FOAF, etc.
microformatoshcard, hcalendar, etc.
GRDDLRDF: circa 1999 2005
2007
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Introdução
Web Semântica vs. web semântica
RDFOWL, FOAF, etc.
microformatoshcard, hcalendar, etc.
GRDDLRDF: circa 1999 2005
2007
microformatos juntando as peças do puzzle
infinitos namespaces
Wednesday, June 3, 2009
Introdução
Web Semântica vs. web semântica
RDFOWL, FOAF, etc.
microformatoshcard, hcalendar, etc.
GRDDLRDF: circa 1999 2005
2007
microformatos juntando as peças do puzzle
infinitos namespaces número de formatos: < 20
Wednesday, June 3, 2009
Introdução
Web Semântica vs. web semântica
RDFOWL, FOAF, etc.
microformatoshcard, hcalendar, etc.
GRDDLRDF: circa 1999 2005
2007
microformatos juntando as peças do puzzle
infinitos namespaces número de formatos: < 20
Wednesday, June 3, 2009
semântica
complexidade
RDF
HTML
µf
Introdução
RDFa/eRDF
Linguagens
dadosdocumentosPOSH
microformatos juntando as peças do puzzle
xhtml*
html&xhtml
Wednesday, June 3, 2009
Princípios
Introdução
Resolver um problema
Partir do mais simples possível
Pensados primeiro para humanos e só depois para as máquinas
Reutilizar formatos amplamente adoptados
Modulares e para serem embebidos
Permitir e encorajar desenvolvimento, conteúdo e serviços
descentralizados
1.
2.
3.
4.
5.
6.
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Introdução
hCard
hCalendar
Que formatos existem?
microformatos juntando as peças do puzzle
VoteLinks
XFN
rel-tag
rel-license
rel-nofollow
Especificações (7)
Wednesday, June 3, 2009
Introdução
hAtom
hResume
hReview
hAudio
Que formatos existem?
microformatos juntando as peças do puzzle
“Drafts” (9)
xfolk
adr
geo
rel-directory
rel-enclosure
rel-home
rel-payment
Wednesday, June 3, 2009
Show! Me! The money!
Introdução
“ ”
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Introdução
<p><ahref=”http://andr3.net”>André Luís</a></p>
Antes
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
<p class=”vcard”><a class=”fn url”href=”http://andr3.net”>André Luís</a></p>
Depois
Já temos um cartão de visita!(hcard)
Wednesday, June 3, 2009
Imaginemos...
Address Book
2 cliques
http://www.blueflavor.com/people/keith-robinson/
+
Windows Contacts
microformatos juntando as peças do puzzle
Telefones
Introdução
Wednesday, June 3, 2009
Imaginemos...
iCal
2 cliques
http://shift.pt/page/schedule/
+Outlook
Telefones
microformatos juntando as peças do puzzle Introdução
Wednesday, June 3, 2009
Mais vantagens...
Simplicidade
DRY - Não duplicação
Baixo esforço de implementação
Portabilidade de conteúdos (dados)
Aumento da utilidade dos serviços!
Uniformização do HTML produzido entre projectos
Permite uniformização visual (via folhas de estilo)
Efeitos secundários
microformatos juntando as peças do puzzle Introdução
Wednesday, June 3, 2009
Beneficiários?
Páginas Públicas Páginas Privadas
Utilizadores ou Visitantes
Serviços Externos
c/ login
microformatos juntando as peças do puzzle Introdução
Wednesday, June 3, 2009
Quem Publica?
...etc.
microformatos juntando as peças do puzzle Introdução
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
Quem Consome?
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
Wednesday, June 3, 2009
Introdução
Números (3 de Junho de 2009)
1. hCard2. hAtom3. XFN4. hCalendar5. hReview
1,390,000,000 páginas (!!!!!) 614,000,000 páginas 398,000,000 páginas 72,100,000 páginas 36,400,000 páginas
microformatos juntando as peças do puzzle
searchmonkeyid:com.yahoo.page.uf.<format>Wednesday, June 3, 2009
Introdução
E mais... RDFa
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
http://whit.me/googleufs
Google Rich Snippets
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
http://whit.me/googleufs
Google Rich Snippets HERE BE DRAGONS!
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
Google Rich Snippets
Rich Snippets give users convenient summary information about their search results at a glance. We are currently supporting data about reviews and people. When searching for a product or service, users can easily see reviews and ratings, and when searching for a person, they’ll get help distinguishing between people with the same name. It’s a simple change to the display of search results, yet our experiments have shown that users find the new data valuable—if they see useful and relevant information from the page, they are more likely to click through.
http://whit.me/googleufs
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle Introdução
http://whit.me/googleufs
Google Rich Snippets
+ RDFa
Wednesday, June 3, 2009
Introdução
Utilizador: “Como é que eu uso isso?”
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
Como usar?Como usar no dia-a-dia?
Como usar nos nossos sites?
Wednesday, June 3, 2009
Como usar?
Addon para Firefox: Operatorhttps://addons.mozilla.org/en-US/firefox/addon/4106
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Addon para Firefox: Operatorhttps://addons.mozilla.org/en-US/firefox/addon/4106
http://leftlogic.com/lounge/articles/microformats_bookmarklet/Bookmarklet: Firefox, Opera, Safari, IE6, IE7
microformatos juntando as peças do puzzle Como usar?
Wednesday, June 3, 2009
Addon para Firefox: Operatorhttps://addons.mozilla.org/en-US/firefox/addon/4106
Bookmarklet: Firefox, Opera, Safari, IE6, IE7http://leftlogic.com/lounge/articles/microformats_bookmarklet/
Oomph! - Microformats toolkit (Microsoft/MIX online)
http://rhizohm.net/contact.html
http://visitmix.com/Lab/Oomph
Plugin ie7+8.js em jQueryTemas em cssWindows Live Writer
microformatos juntando as peças do puzzle Como usar?
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
Addon para Firefox: Operatorhttps://addons.mozilla.org/en-US/firefox/addon/4106
Bookmarklet: Firefox, Opera, Safari, IE6, IE7https://addons.mozilla.org/en-US/firefox/addon/4106
Oomph! - Microformats toolkit (Microsoft/MIX online)http://visitmix.com/Lab/Oomph
IE8 - Webslices/hAtomhttp://microsoft.com/windows/internet-explorer/beta/
Como usar?
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
Addon para Firefox: Operatorhttps://addons.mozilla.org/en-US/firefox/addon/4106
Bookmarklet: Firefox, Opera, Safari, IE6, IE7https://addons.mozilla.org/en-US/firefox/addon/4106
Oomph! - Microformats toolkit (Microsoft/MIX online)http://visitmix.com/Lab/Oomph
Mas não só.
IE8 - Webslices/hAtomhttp://microsoft.com/windows/internet-explorer/beta/
Como usar?
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
X2V (Brian Suda)http://suda.co.uk/projects/X2V/
X2Vlink
http://suda.co.uk/projects/microformats/hcalendar/get-cal.php?uri=<endereço web>
Como usar?
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
X2V (Brian Suda)http://suda.co.uk/projects/X2V/
X2Vlink
Magiatidy+xsl
http://suda.co.uk/projects/microformats/hcalendar/get-cal.php?uri=<endereço web>
Como usar?
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
X2V (Brian Suda)http://suda.co.uk/projects/X2V/
X2Vlink
http://suda.co.uk/projects/microformats/hcalendar/get-cal.php?uri=<endereço web>
Magia
iCal(.ics)
tidy+xsl
Como usar?
Wednesday, June 3, 2009
X2V (Brian Suda)http://suda.co.uk/projects/X2V/
X2Vlink
http://suda.co.uk/projects/microformats/hcalendar/get-cal.php?uri=<endereço web>
Magia
iCal(.ics)
tidy+xsl
microformatos juntando as peças do puzzle Como usar?
Wednesday, June 3, 2009
X2V (Brian Suda)http://suda.co.uk/projects/X2V/
Análogo para hCards.
hCard(s) vCards (.vcf)
http://suda.co.uk/projects/microformats/hcard/get-contact.php?uri=<endereço web>
microformatos juntando as peças do puzzle Como usar?
Wednesday, June 3, 2009
http://suda.co.uk/projects/microformats/hcalendar/get-cal.php?uri=http://shift.pt/page/schedulewebcal://suda.co.uk/projects/microformats/...
QR Codehttp://reader.kaywa.com
X2V (Brian Suda)http://suda.co.uk/projects/X2V/
microformatos juntando as peças do puzzle Como usar?
Wednesday, June 3, 2009
code.google.com/apis/socialgraph/
blog
Interligação de perfis
Google Social Graph API
microformatos juntando as peças do puzzle Como usar?
Wednesday, June 3, 2009
Interligação de perfis
microformatos juntando as peças do puzzle
http://workshop.andr3.net/xfnexplorer
XFN Explorer
Como usar?
Wednesday, June 3, 2009
Consolidação de perfis
microformatos juntando as peças do puzzle Como usar?
http://lab.madgex.com/identify
Identify (by Glenn Jones)
Wednesday, June 3, 2009
Portabilidade dos Dados
dopplr.com
microformatos juntando as peças do puzzle Como usar?
Wednesday, June 3, 2009
Recuperação de Dados (Funny story...)
microformatos juntando as peças do puzzle Como usar?
1. Google Feeds Archive
2. Microformatos (xfolk)
bookmarks.html RSS JSON
http://workshop.andr3.net/de.fibrillator/
Wednesday, June 3, 2009
Portabilidade dos Dados
http://slideshare.net/andr3/
O Fim dos utilizadores tabula rasa?
7 de Setembro de 2008
microformatos juntando as peças do puzzle Como usar?
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
Como publicar?
Wednesday, June 3, 2009
Plain Old Semantic HTML
POSH
Código Validado http://validator.w3.org
Deixar de usar tabelas por motivos de apresentação, GIFs transparentes e HTML de apresentação.
Corrigir <B>ed & <BR>eakfast
1.
2.
3.
Remover links anorécticos <a name=”noticia”></a>
Usar classes com valor semântico
4.
5.
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Design Patterns
class
reldatetime
abbr
grdloizaga
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Padrão class
This attribute assigns a class name or set of class names to an element. Any number of elements may be assigned the same class name or names. Multiple class names must be separated by white space characters.(HTML 4)
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Padrão class
<p class=”vcard”><a class=”url fn”href=”http://andr3.net”>André Luís</a></p>
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Padrão rel
This attribute describes the relationship from the current document to the anchor specified by the href attribute. The value of this attribute is a space-separated list of link types.(HTML 4)
<a> <link>
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Padrão rel
<p class=”vcard”><a class=”fn url” rel=”me”href=”http://andr3.net”>André Luís</a></p>
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Padrão abbr
The content of the ABBR and ACRONYM elements specifies the abbreviated expression itself, as it would normally appear in running text. The title attribute of these elements may be used to provide the full or expanded form of the expression.(HTML4)
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Padrão abbr
<p class=”vcard”><a class=”url” rel=”me”href=”http://andr3.net”><abbr class=”fn” title=”André Luís”>André</abbr></p>
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Padrão datetime
<p class=”vevent”><span class=”fn”>SHiFT</span><abbr class=”dtstart” title=”2008-10-15”>15 de Outubro</abbr></p>
data em formato ISO 86012008-10-15200810152008-10-15T10:002008-10-15T10:00+052008-10-15T10:00Z
exemplos
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
<div class=”vevent”> <h3 class=”category”>Brasileira</h3> <h1> <a class=”summary” href="/detalhe_evento.aspx?id=48568">
Adriana Calcanhotto - «Maré»</a></h1>
<h2><a class=”location” href="detalhe_local.aspx?id=146">Coliseu do Porto</a></h2>
<h3><abbr class=”dtstart” title=”2008-05-29”>29-05-2008</abbr> a <abbr class=”dtend” title=”2008-05-31”>30-05-2008</abbr></h3></div>
!
Atenção
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
<div class=”vevent”> <h3 class=”category”>Brasileira</h3> <h1> <a class=”summary” href="/detalhe_evento.aspx?id=48568">
Adriana Calcanhotto - «Maré»</a></h1>
<h2><a class=”location” href="detalhe_local.aspx?id=146">Coliseu do Porto</a></h2>
<h3><abbr class=”dtstart” title=”2008-05-29T21:00+01”>29-05-2008</abbr>a <abbr class=”dtend” title=”2008-05-30T21:00:+01”>30-05-2008</abbr></h3></div>
Atenção
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Padrão datetime
<abbr class=”dtstart” title=”20070312T1700-06”>12 de Março de 2007, a partir das17h</abbr>
Twenty million seventy-thousand three-hundred twelve tee seventeen-hundred dash zero six.
“”
Jaws 8 + IE 7
20 070 312 T 1700 - 06
fonte: hAccessibility @ Webstandards.orghttp://www.webstandards.org/2007/04/27/haccessibility/
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Padrão datetime
<abbr class=”dtstart” title=”20070312T1700-06”>12 de Março de 2007, a partir das17h</abbr>
Twenty million seventy-thousand three-hundred twelve tee seventeen-hundred dash zero six.
“”
Jaws 8 + IE 7
20 070 312 T 1700 - 06
fonte: hAccessibility @ Webstandards.orghttp://www.webstandards.org/2007/04/27/haccessibility/
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
BBC
http://www.bbc.co.uk/blogs/radiolabs/2008/06/removing_microformats_from_bbc.shtml
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Padrão value class
<span class="tel"> <span class="type">Home</span>: <span class="value">+44.415.555.122</span> </span>
Como publicar?microformatos juntando as peças do puzzle
http://tr.im/valueclass(experimental)
Wednesday, June 3, 2009
Padrão value class
<span class="tel"> <span class="type">Home</span>: <span class="value">+44.</span> (0) <span class=”value”>415.555.122</span> </span>
Como publicar?microformatos juntando as peças do puzzle
http://tr.im/valueclass(experimental)
Wednesday, June 3, 2009
Padrão value class
<span class="dtstart"> <span class="value-title" title=”2009-06-03”> yesterday</span>
Como publicar?microformatos juntando as peças do puzzle
http://tr.im/valueclass(experimental)
Wednesday, June 3, 2009
hCard
Como publicar?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Propriedades
fnn*
obrigatórias
nicknameurlemailadrgeophotologosoundbday
facultativas
titleroleorgcategorynoteclasskey...
Sujar as mãos
raíz:
vcard
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Exemplo
Sujar as mãos
<div class="outLine"> <div class="inBoxUtilizador"> <div class="topoUtilizador"><strong>andr3</strong></div>
<div class="info"> <div id="infopics"><a href="perfilamigo.html?uid=75"><img src="http://social.imgs.sapo.pt/8a/0b/df/75/pro_n733982142_189405_9522.jpg" border="0" /> </a></div>
...
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Exemplo
Sujar as mãos
<div class="outLine vcard"> <div class="inBoxUtilizador"> <div class="topoUtilizador fn nickname"><strong>andr3</strong></div>
<div class="info"> <div id="infopics"><a class= "url" href="perfilamigo.html?uid=75"><img class="photo" src="http://social.imgs.sapo.pt/8a/0b/df/75/pro_n733982142_189405_9522.jpg" border="0" /> </a></div>
...
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
microformatos pequenas peças do puzzle
hCalendar
pyrii
Como publicar?
Wednesday, June 3, 2009
microformatos pequenas peças do puzzle
Propriedades
summarydtstart
obrigatórias
dtenddurationdescriptioncategoryurllocation
rrulerdateuidgeo (latitude, longitude)...
facultativas
Sujar as mãos
raíz:
vcalendar*vevent
Wednesday, June 3, 2009
microformatos pequenas peças do puzzle
rel-tag
peskymac
Como publicar?
Wednesday, June 3, 2009
microformatos pequenas peças do puzzle
links para “tags”
Sujar as mãos
Wednesday, June 3, 2009
microformatos pequenas peças do puzzle
<a href=”/tag/microformatos”>microformatos</a>
Sujar as mãos
Exemplo
Wednesday, June 3, 2009
microformatos pequenas peças do puzzle
<a rel=”tag” href=”/tag/microformatos”>microformatos</a>
Sujar as mãos
Exemplo
Wednesday, June 3, 2009
<a rel=”tag” href=”/tag/microformatos”>microformatos</a>
microformatos pequenas peças do puzzle
Exemplo
esta é a tagnão esta
Como publicar?
Wednesday, June 3, 2009
/tag/microformatos?tag=banana#split
microformatos pequenas peças do puzzle Sujar as mãos
Exemplo
esta é a tag
Wednesday, June 3, 2009
microformatos juntando as peças do puzzle
Como consumir?
Wednesday, June 3, 2009
HTML Scraping?
Como consumir?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Parsers/Scrapers
Perl Cognition http://buzzword.org.uk/cognition/Toby Inkster
WS Optimus http://microformatique.com/optimus/Dmitry Baranovskiy (hcard, hcalendar, hreview, hatom, hresume, xfolk, geo, adr, xfn, vote-links, hlisting, haudio, rel-nofollow, rel-license, rel-tag)
Ruby mofo http://mofo.rubyforge.org/Chris Wanstrath (hcard, hcalendar, hreview, hatom, hresume, geo, adr, xfn)
(adr, geo, hatom, haudio, hcalendar, hcard, hrecipe, hresume, hreview, measure,rel-enclosure, rel-license, rel-tag, species, xfn, xfolk) + RDFa, eRDF, GRDDL, RDF/XML...
Como consumir?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Parsers/Scrapers
WS Yahoo! Query Language http://developer.yahoo.com/yql/Yahoo!
JS Sumo http://e.xu.sl.ptDan Webb
Como consumir?microformatos juntando as peças do puzzle
select * from microformatswhere url = ‘http://social.sapo.pt/’;
Wednesday, June 3, 2009
WS Optimus http://microformatique.com/optimus/Dmitry Baranovskiy (hcard, hcalendar, hreview, hatom, hresume, xfolk, geo, adr, xfn, vote-links, hlisting, haudio, rel-nofollow, rel-license, rel-tag)
Como consumir?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
WS Optimus http://microformatique.com/optimus/Dmitry Baranovskiy (hcard, hcalendar, hreview, hatom, hresume, xfolk, geo, adr, xfn, vote-links, hlisting, haudio, rel-nofollow, rel-license, rel-tag)
Como consumir?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
WS Optimus http://microformatique.com/optimus/Dmitry Baranovskiy (hcard, hcalendar, hreview, hatom, hresume, xfolk, geo, adr, xfn, vote-links, hlisting, haudio, rel-nofollow, rel-license, rel-tag)
Como consumir?microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
microformatos pequenas peças do puzzle
Transformadores
Sujar as mãos
hCard+hCal X2V http://suda.co.uk/projects/X2V/Brian Suda (disponibiliza .xsl’s)
vários + RDF TransFormr http://transformr.co.uk/Martin McEvoy (com download para PHP)
Wednesday, June 3, 2009
Obrigado.
<p class=”vcard”>
<a class=”fn url” href=”http://andr3.net”>André Luís</a>
<a class=”email” href=”mailto:[email protected]”> [email protected]</a>
</p>
creative commonsattributionnon-commercialshare-alike 3.0
That’s all, Folks!
http://microformats.org/wiki/ http://talks.andr3.net/2009/ufs_sessions.pdfhttp://slideshare.net/andr3
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009
Créditos
Teia - http://www.flickr.com/photos/bitzcelt/2903751010/
Tim Berners-Lee - http://www.flickr.com/photos/pixelydixel/2712988953/
Lego - http://flickr.com/photos/grdloizaga/817443503/
Calendário - http://flickr.com/photos/pyrii/2400515074/
Etiqueta - http://flickr.com/photos/peskymac/1217139213/
microformatos juntando as peças do puzzle
Wednesday, June 3, 2009