Bookmarklet Microformats

Por: Henrique Costa PereiraTuesday 30 January 2007 às 11:30

Microformats é uma coisa que com certeza está fazendo minha cabeça! Navegando por ai encontrei um parser de microformats que varre seu HTML em busca dehCard e hCalendar quando você clica no bookmarklet que você vai colocar no seu browser. Como resultado ele mostra uma tela com os ítens encontrados e permite você selecionar o ítem que quiser e converter/exportar para .vcf (formato vcard) e .ics (formato icalendar) para ser importado por seu programa favorito!

Um bookmarklet (também conhecido como favelets) é um script pequeno que pode ser armazenado em uma url em um bookmark no seu browser (ou em um hyperlink no seu site) e que pode ser ativada apenas com um click! Para adicionar o bookmarklet microformats no seu browser (Firefox, Opera e Safari), basta inserir um item na navigation toolbar e adicionar o seguinte script:


javascript:if%20(!document.getElementById('MF_jq'))%20{var%20q=document.createElement('script');q.setAttribute('id',%20'MF_jq');q.setAttribute('src',%20'http://leftlogic.com/js/jquery.js');document.getElementsByTagName('body')[0].appendChild(q);}%20var%20s=document.createElement('script');s.setAttribute('id','MF_loader');%20s.setAttribute('src',%20'http://leftlogic.com/js/microformats.js');document.getElementsByTagName('head')[0].appendChild(s);void(s);

Ou então pressione o botão do mouse e arraste o link abaixo para a mesma navigation toolbar:

Microformats

Para encontrar microformats teste no meu site por exemplo. E se quiser ver uma página com vários hCard e vários hCalendar implementados, visite este site que possui vários trechos dessas duas especificações. Lembre-se que quanto maior for o HTML, mais o script demora para varrê-lo todo atrás de microformats. Por isso pode haver um pequeno delay.

Por causa da forma como este script foi desenvolvido ele não funciona em sites com o mime-type application/xhtml+xml. Faça o teste no Adactio por exemplo. Eu tive que trocar o mime type do meu próprio site para text/html para poder funcionar e escrever este texto. Eu já entrei em contato com o autor do script e dei este feedback a ele. Se alguém quiser pegar os scripts dele e tentar alterar de forma que funcione em sites application/xhtml+xml tanto quanto text/html, sinta-se á vontade! Darei os créditos aqui e tenho certeza que o cara do Left Logic fará o mesmo.

Este bookmarklet foi criado por Left Logic

Este texto não pode ser copiado ou reproduzido em nenhum outro site na íntegra sem autorização do autor!. Mais detalhes sobre licença de uso aqui!

Tags: Microformats bookmarklet hCalendar hCard

3 Comentários para “Bookmarklet Microformats”

# 1° andre Tuesday 30 January 2007 às 05:30 PM GMT

uma extens’ao do firefox pra detectar microformats…

http://labs.mozilla.com/2006/12/introducing-operator/

# 2° Rafael Oliveira Friday 2 February 2007 às 02:2 AM GMT

Legal, já adicionei o bookmarklet aqui no meu FX. =)

Além da Operator, que o andre citou acima, tem também a Tails.
http://www.codeeg.com/tails/tails-0.3.7.xpi

Té.

# 3° William Grasel Martins Friday 2 February 2007 às 04:2 PM GMT

fiquei curioso para saber qual é esse tipo de microformats que você cita com o nome “dehCard” … hehehe

brincadeiras a parte, concordo com suas opiniões sobre os benefícios desses padrões e a adoção deles! Esses scripts que manipulam eles são apenas exemplos de algo muito maior que esta por vir!

por ultimo gostaria de falar sobre a borda dos campos de comentários do seu blog, em alguns monitores que são mais claros (como o “HP L176v” que estou usando agora no trabalho) elas se tornam quase invisível mesmo aumentando o contraste e etc. Seria interessante se fossem um pouco mais escuras.

Abraços!

Avisos
Os itens com asterisco ( * ) são campos de preenchimento obrigatório.
Todos os links inseridos nos comentários possuem o atributo rel="nofollow" para impedir com que user agents (como os mecanismos de busca) sigam os links inseridos para desestimular spammers.
Todos devem se identificar através de e-mail válido.
Os e-mails dos usuários não serão divulgados no site.
Comentários:


Assine por feed

assinantes Assine o feed do Revolução Etc

Sobre o Revolução Etc

Foto do autor Henrique Costa Pereira O Revolução Etc é o site pessoal do Henrique C. Pereira que trabalha com design de interfaces, planejamento, arquitetura da informação e desenvolvimento para web. Ele escreve aqui sobre várias coisas relacionadas com acessibilidade, web standards, tecnologia, desenvolvimento e o que mais der na telha, além de eventualmente escrever alguma coisa ou outra para o Webinsider. Leia mais.

Livros que vão colocar minhocas na sua cabeça:

  • SEO Otimização de Sites - Paulo Teixeira
  • Não me faça pensar! - Steve Krug
  • Google Adwords a Arte da Guerra - Ricardo Vaz Monteiro
  • Design para Internet: Projetando a Experiência Perfeita - Felipe Memoria
  • Sopro no Corpo: Vive-se de Sonhos - Marco Antônio de Queiroz (MAQ)
  • 250 Segredos para Web Designers - MOLLY E. HOLZSCHLAG
  • O design do dia a dia - DONALD A. NORMAN
  • Ser e o Nada - Jean-Paul Sartre
  • Apocalípticos e Integrados - Umberto Eco
  • Ergodesign e Arquitetura de Informação - LUIZ AGNER
  • The Art and Science of Web Design - Jeffrey Veen
  • Ansiedade de Informação 2 - RICHARD SAUL WURMAN
  • Criando Páginas Web com CSS - ANDY BUDD, CAMERON MOLL, SIMON COLLISON
  • Mobile Web Design - Cameron Moll
  • Sigam-me no Twitter

Me encontre

Lugares onde digitalmente eu costumo estar presente.

Anúncios

Blogroll:

Alguns sites interessantes e blogs de amigos que eu leio com frequência. Em ordem alfabética.

Pessoas que trabalham comigo:

Sites dos colegas de trabalho na Webroom.

Já trabalharam comigo:

Som que faz a minha cabeça!

Procurando inspiração? Esta é uma breve lista do que eu ouço!

  • Diana Krall - The Very Best Of
  • U2 - How to dismantle an atomic bom
  • U2 - 18 singles
  • The Essential - Bob Dylan
  • Bob Dylan - Modern Times
  • Miles Davis - Cool & Collected
  • Miles Davis - Prestige Profiles Vol 1
  • Pink Floyd - The Division Bell
  • Pink Floyd - The wall
  • Pink Floyd - Delicate Sound Of Thunder
  • John Coltrane - The Best of John Coltrane
  • The beatles - The Beatles 1