Web standards, arquitetura da informação, usabilidade, acessibilidade, tecnologia, filosofia de buteco (sic), e qualquer coisa em uma casca de noz!

Ir direto para o conteúdo

Compartilhe seu hCard com ícones Microformats

Por: Henrique Costa Pereira

Sexta-feira 05 Janeiro 2007 às 17:54

Categoria: HTML / CSS / JavaScript

Parece que padrões quando bem implementado é algo que está pegando facilmente na web, até quando trata-se de ícones. Temos o ícone do feed que foi adotado até pela Microsoft, o ícone do OPML e agora os ícones microformats criados por Wolfgang Bartelme e Chris Messina.

Eu implementei o ícone de hCard aqui no site (no rodapé) e o ícone de tag. Não se lembra ou não sabe o que é hCard ainda, leia este texto! Para compartilhar seu hCard no seu site é bem simples. Vá até o hCard Creator para criar o seu e coloque em algum lugar do seu site. Depois vá até o XHTML2VCARD criado por Biran Suda que é um XSLT que vai pegar seu hcard e transformá-lo de um arquivo padrão de vCard utilizado por várias aplicações como Firefox, Outlook, Yahho Mail, Thunderbird etc. Daí é só jogar seu vCard por servidor, colocar o ícone de download do vcard e o link apontando pro arquivo.

Esta é uma forma bem criativa de divulgar os micro-padrões e chamar a atenção de quem está dando os primeiros passos. Os ícones em várias cores em formato de Photoshop e Adobe Ilustrator estão disponíveis para download.

Artigos relacionados:

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:



Existem 9 comentários para “Compartilhe seu hCard com ícones Microformats”

# 1° Carlos Eduardo Sexta-feira 05 Janeiro 2007 às 20:03GMT

Muito interessante.

Tentarei utilizá-las e divulgá-las em meu blog =)

# 2° Sulivan Rodrigues Sexta-feira 05 Janeiro 2007 às 22:10GMT

Henrique, não sei se é alguma coisa aqui com minha máquina, mas eu salvei o seu hCard pra ver em que programa abriria aqui (outlook ou firefox) e em todos os campos onde aparece o nome do site, está grafado “Revolução Etc”. O que acontece?

# 3° Eduardo Dobay Sábado 06 Janeiro 2007 às 18:43GMT

Sulivan, o problema deve ser que o Firefox (ou Outlook) está interpretando o arquivo como se tivesse no conjunto de caracteres ISO-8859-1, quando na verdade ele está codificado em UTF-8. No Firefox, basta clicar Exibir > Codificação > Unicode (UTF-8).

# 4° Elcio Sábado 06 Janeiro 2007 às 23:59GMT

Não faria sentido, ao invés de copiar o vcf para o seu servidor, apontar o link de download diretamente para uma ferramenta de conversão? Algo como:

http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://www.revolucao.etc.br/sobre/

Assim, se você atualiza seu site, o vcf é atualizado sozinho, sem trabalho.

Não sei quanto à disponibilidade desse servidor (suda.co.uk) mas você mesmo poderia usar um conversor assim em seu próprio servidor. A parte mais difícil, escrever o XML, ele já fez.

# 5° Alexandre Segunda-feira 08 Janeiro 2007 às 04:48GMT

gostei do site http://bartelme.at

o cara mudou o formato do blog, muito bom mesmo!

# 6° carlos alberto Segunda-feira 08 Janeiro 2007 às 09:17GMT

uma pergunta boba: com os de hCard nao sera mais facil ainda os spammers todos obter nossos endereços de email etcs ?

# 7° Elcio Segunda-feira 08 Janeiro 2007 às 13:11GMT

Carlos, você só publica seu e-mail no hCard se quiser, ele não é obrigatório. Da mesma maneira que nas informações de contato em seu site.

# 8° Emanuel Felipe Terça-feira 20 Fevereiro 2007 às 03:58GMT

Muito interessante essa iniciativa de padronizar ícones para Microformats, padrões costumam ser bem-vindos.

Outro detalhe é o exelente trabalho de Wolfgang Bartelme, os ícones ficaram ótimos.

Deixe um comentário

Observação: Todos os campos obrigatórios estão marcados com um asterisco (*).

Informações de Contato

Sobre o Revolução Etc

Categorias

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.

Publicidade

  • Banner
  • Banner

Blogs que leio

Esta é uma lista de alguns blogs de amigos, profissionais e profissionais que eu admiro e assino embaixo.

Livros

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

Música na vitrola

Basicamente são minhas bandas preferidas.

Henrique Costa Pereira - Revolução Etc - (CC) Alguns Direitos Reservados - Powered by WordPress

O conteúdo deste site de autoria de Henrique Costa Pereira está sob a licença de Creative Commons Atribuição-Uso Não-Comercial-Compartilhamento pela mesma Licença 2.5 Brasil. Permissões e/ou restrições além do escopo desta licença podem ser vistas e/ou requeridas na minha página de licença.

Nenhum conteúdo deste site pode ser copiado e reproduzido em outro site sem autorização do autor! Mais detalhes aqui!

Powered by WordPress