Rafael Marin » Microformatos

Palestra do Elcio sobre microformatos

Rafael Marin — Fri, 22 Jun 2007 16:02:34 +0000

Entender essa história de microformatos parece ser difícil. Na verdade não é. É tão simples quanto o HTML normal. No último Encontro Locaweb de Profissionais de Internet, o Elcio deu uma ótima introdução ao assunto.

A palestra apresentou ao público os Microformats, uma maneira de incluir novas características e possibilidades no HTML atual, oferecendo significado extra ao conteúdo e facilitando a criação de mash-ups. Comparou também a adoção inicial de Microformats com o padrão de adoção de novas tecnologias abertas, em especial o RSS. Por fim, demonstrou com exemplos práticos a simplicidade para se implementar Microformats e sua grande utilidade e flexibilidade.

O Andrey Pedro Lefkum filmou a palestra. E o Elcio também colocou os slides on-line.

Cartilhas legais para a aprendizagem

Rafael Marin — Wed, 21 Mar 2007 22:07:04 +0000

Talvez os desenvolvedores que estão há mais tempo nessa história de padrões web – abandonando definitivamente os editores visuais – possam desconsiderar a dica que segue. Contudo, para os iniciantes, a dica é bem útil, vi lá no blog do Pedro Rogério, o Pinceladas da Web.

Existem espalhadas pela web algumas cartilhas, ou cheat sheets, que facilitam bastante o trabalho de quem está começando. São grandes tabelas que contém todos os elementos do HTML, CSS, JavaScript e Microformatos, e que quebram um galho enorme algumas vezes quando um elemento ou outro escapa da mente.

Mas, para não dar uma de parasita e consumir a banda dos outros, fiz o upload dos arquivos (que estão em PDF) no meu servidor.

Faça o download

Seguem os links:

HTML Cheat Sheet, de Liquid City
CSS Cheat Sheet, de Liquid City
JavaScript Cheat Sheet, de I Love Jack Daniel’s
Microformats Cheat Sheet, de Microformats.org

Microformatos

Rafael Marin — Fri, 09 Mar 2007 23:49:37 +0000

Imagine a quantidade de informação que trafega pela web a cada segundo. Para que os agentes de usuário entendam o que toda essa informação significa – o que chamamos de semântica – todo este conteúdo é gerado com marcações, padronizadas.

Como em todos as páginas – teoricamente – os parágrafos de texto estão marcados com a tag

, fica fácil para os programas que lêem estes documentos reconhecer o significado do conteúdo. O mesmo ocorre com todas as outras tags do HTML e XHTML.

Agora, imagine se em um site X a tag para marcar parágrafos fosse , em um site Y fosse , em um site Z fosse (e assim por diante). Como os browsers, indexadores e leitores de tela entenderiam o conteúdo das tags? Impossível, né?

Neste contexto surgem os microformatos (microformats). Eles criaram novos padrões que agregam mais significado ainda ao conteúdo, através de informações que só são vistas no código HTML. Assim como usamos

para parágrafos para títulos, os microformatos utilizam o valores de atributo para padronizar a informação em uma série de situações.

Por exemplo, uma das especificações dos microformatos é o hReview. O hReview é uma especificação dos microformatos destinada ? reviews de produtos, livros, enfim, de tudo o que é possível de se fazer um review. Você cria o seu review utilizando as marcações e valores de atributo que esta especificação definiu. Mecanismos, como o Technorati, fazem a leitura do seu blog/site e lêem estas classes e valores de atributo e sabem que aquilo se trata de um review. E o fazem da mesma maneira como lêem uma tag

e sabem que trata-se de um parágrafo.

Existem outras especificações interessantes, como a hCard, para informações pessoais (como um cartão de visita), a hCalendar, para eventos, entre outros que são um pouco distintos e que falarei mais adiante.

Os microformatos vieram para atribuir mais significado ao conteúdo, extendendo ainda mais o HTML. Caso você ainda não tenha pego o fio da meada, tente ler outros artigos que listarei abaixo e ainda, aprofundar um pouco mais o conhecimento dos padrões Web e sua importância.

Existem vários artigos sobre microformatos no Revolução Etc do Henrique, mas no site oficial dos Microformats e no Wiki dele existem mais informações sobre todas as especificações.

Aos poucos vou falando das especificações de forma um pouco mais profunda, mas por enquanto é só.