Rafael Marin

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.

Update: Pronto, título atualizado.

Nunca fui fã do Javascript, apesar de concordar que depois do pão fatiado, é a melhor invenção da humanidade. Para falar a verdade, nunca tive coragem e vontade de aprender. No que se referia a JavaScript, eu era um tremendo preguiçoso. Era.

Eis que depois de muitos frameworks para Javascript, encontrei o ideal para mim: o jQuery. Me acostumei demais com linguagens server-side, e sempre vi Javascript da mesma maneira que CSS: um verdadeiro estresse por conta de problemas de compatibilidade com navegadores. Mas, felizmente, isto está mudando.

A dica hoje é para desenvolvedores que manjam tudo de server-side, XHTML, CSS, banco de dados, mas empacam na programação client-side. jQuery é um framework leve e com uma curva de aprendizagem mínima. A única coisa que recomendo antes de começar os trabalhos com ele, é dar uma lida sobre Javascript DOM. Recomendo um artigo que o Elcio escreveu sobre DHTML crossbrowser.

Nestes últimos dias andei testando diversas das funções do jQuery, e fico cada vez mais surpreso com a facilidade de uso. Apenas conhecendo DOM e funções básicas do Javascript já consegui explorar várias coisas que o framework proporciona.

Elaborei então uma lista de links que me ajudaram bastante, e que certamente irão ajudá-lo. Minha conclusão dessa experiência é que Javascript é fácil, e com o jQuery é mais fácil ainda. Assim, acredito que não haja mais desculpas para não aprender Javascript. E claro, aprenda Javascript (o original :D ) também, e não se prenda somente a um framework específico. Saia Web afora testando e aprendendo o máximo que conseguir. Fiquei um tempão mistificando JS, e tudo o que precisei fazer para gostar dele foi tentar conhecê-lo melhor.

Não deixe de acessar

• jQuery — Site oficial (inglês)
• Download do jQuery — Informações para o download do framework
• DHTML Crossbrowser — Artigo do Elcio que introduz DHTML crossbrowser e DOM
• Guia de referência — Guia parcialmente traduzido para português com todas as funções do jQuery
• jQuery Brasil — Site brasileiro
• Documentação oficial — Documentação oficial (em inglês), com exemplos e outras informações
• Alexandre Magno — Muito conteúdo sobre Js, jQuery, Mootools e outros frameworks

=)

Não é necessário saber muito de inglês para concluir que, provavelmente, o elemento address do XHTML sirva para marcar endereços. Na verdade, nem só endereços: address também marca qualquer tipo de informação de contato. Todos conhecem, certo? Certo (ou quase todos). Todos usam? Na verdade não. Geralmente o pessoal apela pela tag soup.

Dentro do elemento address você é livre para inserir quaisquer outros elementos inline, como a, span, strong, e por aí vai. Na realidade, é um elemento simples de ser entendido. Vamos a um exemplinho (tirado do código-fonte do site da Visie):

<address>
<a href="http://visie.com.br/" class="logorodape">Visie Treinamentos Web</a>
<span>

Av. Fagundes Filho, 145, Ed. Austin, Conj. 58 <br/>
CEP: 04304-010, Vila Monte Alegre, São Paulo - SP <br/>
T 11 3477.3347 | <a href="http://www.google.com/" title="Como chegar na Visie">Mapa de como chegar</a><br/>

</span>

</address>

Se você reparar, não existe qualquer dificuldade. Jogue lá dentro suas informações de contato. Inclua dentro quaisquer outros elementos inline.

Atributos definidos

Você pode utilizar os seguintes atributos com o elemento address:

• id,class — identificação
• lang,dir — idioma e direção do texto, respectivamente
• title — título do elemento
• style — formatação inline
• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup — eventos instrínsecos

address e o microformato hCard

Hoje em dia, entretanto, a melhor maneira de marcar endereços é através do microformato hCard. Mesmo assim pode-se utilizar o elemento address com um hCard, aumentando ainda mais a sua semântica. Há um exemplo de utilização do elemento address com o microformato hCard, no Wiki do Microformats.org.

Eu também mereço um espaço para falar sobre o que penso. O RafaelMarin.info é isso. Para não escrever novamente todos os objetivos do blog novo, linko o primeiro post do blog, que explica direitinho.

Se quiserem dar uma passada lá, fiquem ? vontade. Se não quiserem tudo bem. Afinal, neste blog pessoal quis construir um espaço para escrever o que eu bem entender, sobre o que bem entender.

=)