Este post está um tanto quanto atrasado (quase 1 ano) mas como sempre digo, esse tipo de conteúdo não fica velho. Dessa forma acho que pode ajudar muita gente querendo aprender sobre semântica na Web e, principalmente, os conceitos dos Microformats.
Segue abaixo a apresentação que fiz no EDTED do ano passado, aqui em Curitiba:
A facilidade de uso dos Microformats com certeza fez com que se tornasse uma das maiores iniciativas no sentido de atribuirmos um nível maior de significado ao nosso conteúdo, não ficando presos apenas às tags disponíveis, aproveitando classes e id’s pré-definidos.
Um dos grandes problemas do Microformats é a falta de divulgação por parte dos desenvolvedores e, talvez por isso, não é tão comum vermos projetos comerciais utilizando a técnica, mesmo que seja tão simples de usá-la. Desta forma seu futuro foi colocado em questão, já que o HTML 5 está sendo cada vez mais discutido e, com isso, muitos imaginam que os Microformats não terão mais utilidade… Será? Analisemos cada uma das partes para tirarmos nossas conclusões! Continuar lendo…
Bookmarklets são links que você adiciona em seus favoritos com o intuito de executar determinadas ações no site visualizado, através de scripts.
Se você necessita de alguma ferramenta para usar os Microformats em qualquer site ou até mesmo para testar os desenvolvidos por você, é só usar este bookmarklet para exibir os dados desejados.
Testado tanto em Firefox como Safari, Internet Explorer 6 e 7, o Microformat Bookmarklet é uma ótima opção para quem quer usufruir dos benefícios dos Microformats de maneira prática!
Um assunto que vem entrando frequentemente em questão é o HTML 5; as novidades que suas novas tags proporcionarão, principalmente no quesito semântica, algo bem pobre no que usamos hoje em dia.
Na busca por maior implementação de significado em nosso conteúdo, foi criado um padrão denominado Microformats, amplamente divulgado aqui no project.47 e que, a curto prazo, é a melhor solução a utilizar.
Uma colocação muito interessante feita no Tableless é que os Microformats são “uma tecnologia que veio para tapar um buraco de semântica do HTML“, o que é a mais pura verdade. Apesar de parecer algo que desvalorize sua prática, a função real de se usar os Microformats é atribuir significado para o conteúdo, sem maiores dores de cabeça para seus desenvolvedores, já que o uso depende apenas de uso de classes e certos atributos como rel, por exemplo.
Imagino que no futuro, quando usarmos o HTML 5, a prática dos Microformats já não seja tão necessária, mas até lá temos muito caminho a percorrer. Então, porque esperar para melhorar a semântica de seu código, já que temos algo tão simples a aplicar?
Procure, aprenda e divulgue os Microformats, pois com certeza é a melhor solução que temos atualmente.
Como todo novo “movimento” necessita de apoio, nada melhor que uma companhia como o Yahoo! dar suporte aos Microformats e utilizá-lo em seus serviços.
Após divulgarem a implementação de alguns formatos de Microformats em seu sistema de busca, foi postado um artigo no blog do Yahoo! Developer Network falando um pouco mais sobre sua utilização e uso de maneira simplificada.
Enfim passa mais uma semana e, claro, chega a Sexta-feira dos [tag]Web Standards[/tag] em sua nona edição! Muitos links interessantes sobre [tag]CSS[/tag], uso de Padrőes no envio de e-mails, etc… Vale a pena dar uma olhada nessa lista:
CSS layout techniques – Trata-se de uma lista com referęncias para quem quer aprender mais sobre a construção de layouts em CSS e suas variaçőes.
Checklist para Web Standards – Esta página exibe um checklist, exibindo certos pré-requisitos que devemos obedecer para assegurar a qualidade do desenvolvimento de nosso site.
Microformats: The Fine Art of Markup – Para quem ainda não sabe o que são os [tag]Microformats[/tag], este link apresenta detalhadamente o que eles são e suas finalidades. Ah, claro, também pode-se fazer uma busca aqui pois já escrevi bastante sobre o assunto.
Email Standards Project Acid Test – A exemplo do Acid test original, este tem por propósito assegurar a qualidade de renderização dos diversos meios de visualização de e-mail disponíveis. Muito interessante esta iniciativa, já que ainda temos poucas possibilidade quando tratamos de Padrőes no envio de e-mails.
Fancy Form Design Using CSS – Este site exibe maneiras de construir seus formulários, utilizando código válido, com vários exemplos de layouts distintos.
CSS Panic Guide – Ótimo guia para os iniciantes em CSS. Exibe várias referęncias importantes e conceitos que não devem ser esquecidos; desde os fundamentos da linguagem, até as melhores maneiras para a construção de layouts.
22 Resources to Easily Create CSS Layouts – Lista de referęncias para construção de layouts em CSS. Bem interessante para aqueles que possuem dificuldades com layouts de várias colunas, líquidos, elásticos, etc.
Aproveitando este post, gostaria de desejar um Feliz Natal a todos que visitam e assinam os feeds do project.47. Que o Papai Noel venha bem gordo nesse ano!
Para os felizardos que possuem Mac OS X 10.5 e não possuiam uma ferramenta a altura do Operator (extensão para Firefox), saiu uma boa opção: extensão Microformat para Safari.
Assim como no Operator, o plugin para Safari possibilita a detecção de [tag]Microformats[/tag] nos sites e fácil importação de hCards entre outros tipos de padrőes, facilitando a vida do usuário.
Lançaram a ferramenta [tag]Optimus[/tag] (remetendo ao personagem dos Transformers) que, ao utilizada, converte conteúdos em [tag]Microformats[/tag] para [tag]XML[/tag] ou [tag]JSON[/tag].
Os formatos suportados pela ferramentas são os seguintes:
Há algum tempo, iniciei uma série de posts (que desejo continuar) sobre exemplos práticos de [tag]Microformats[/tag], para incentivar aqueles que nunca utilizaram ou não possuem interesse. No primeiro post, citei o hCard, situação na qual acredito que os Microformats são mais utilizados atualmente.
Agora meu objetivo é falar de outra prática comum no mundo dos Microformats: [tag]hCalendar[/tag]. Como em todo microformat, para aplicá-lo, basta seguir as classes pré-definidas e começar a utilizá-lo em seus projetos. Aliás, não há empecilhos em utilizá-lo num sistema totalmente dinamizado, por exemplo.
Na prática, o hCalendar pode ser utilizado como um simples calendário ou até uma agenda de eventos que, inclusive, venho utilizando em meus últimos trabalhos, tanto pessoais como na agęncia na qual trabalho. Este método se destina a ser aplicado em [tag]XHTML[/tag], Atom, RSS e XML.
Para facilitar a nossa vida, assim como no hCard, foi desenvolvido um gerador de hCalendar, visando deixar mais prático o processo de aplicação deste padrão.
Foi lançada mais uma extensão para [tag]Firefox[/tag], a WebCards, com o intuito de difundir os [tag]Microformats[/tag], algo que se torna muito importante, enquanto não há suporte nativo por parte dos browsers atuais.
Há várias características semelhantes ŕ outras extensőes do gęnero, como a Operator, mas um diferencial é que vocę lida com os dados em tempo real, na própria página, o que a torna uma extensão muito interessante.
Futuramente eles planejam adaptá-la a outros browsers mas, por enquanto, só no Firefox mesmo.