Tag Archives: microformats

Novidades… pedrobachiega.com… novo tema…

Leitores, amigos…
Alguns já perceberam que as coisas estão mudando por aqui.

Comprei o meu domínio pedrobachiega.com que está hospedado na DreamHost. Deu bastante rolo mas depois explico tudo que fiz e deixo as dicas.

Criei e implementei um novo layout para meu blog com o tema sunset.
Por ter algumas particularidades de CSS3, algumas coisas ainda não funcionam no IE, por isso recomendo acessar pelo Firefox ou pelo Safari para uma melhor visualização.
Não sou designer mas me esforcei e espero que gostem!

Quero agora voltar a trabalhar no meu plugin para versão mobile do wordpress e corrigir bugs, implementar melhorias…

Pretendo criar/implementar outras melhorias para o blog, como colocar microformats, novos plugins…

Tenho algumas páginas do meu domínio para fazer também, colocar meus projetos, etc.

E além de tudo isso, mas não menos importante, quero voltar a escrever com mais frequência por aqui.
Então, fiquem ligados no blodd

O que são Microformats? Conheça ou saiba mais

logo microformats Se você é da área técnica, provavelmente já ouviu falar de Microformats por aí.
Alguns já sabem o que é, já leram sobre e até já podem estar trabalhando com eles.
Outros, ainda estão descobrindo essa nova forma de padronização de informações.

Ah, se você não é da área técnica, apenas de uma olhada no vídeo da parte 3 da palestra do Elcio para ver o que dá pra fazer com microformats.

Confesso que ainda estou começando a mexer com microformatos, mas me arrisco a definir de forma simplória, que esta nova tecnologia trata-se de mais um passo para a Web Semântica com a padronização das informações e conteúdos.
Nada mais é do que definir as coisas como elas são!! 😛

Um exemplo* simples é o de um evento:

<div>
<a href=”http://www.web2con.com/”>http://www.web2con.com/</a> <span>Web 2.0 Conference</span>: <abbr title=”2007-10-05″>October 5</abbr>-<abbr title=”2007-10-20″>19</abbr>, at the <span>Argent Hotel, San Francisco, CA</span>
</div>

Agora, com microformats:

<div class=”vevent”>
<a class=”url” href=”http://www.web2con.com/”>http://www.web2con.com/</a> <span class=”summary”>Web 2.0 Conference</span>: <abbr class=”dtstart” title=”2007-10-05″>October 5</abbr>-<abbr class=”dtend” title=”2007-10-20″>19</abbr>, at the <span class=”location”>Argent Hotel, San Francisco, CA</span>
</div>

Logicamente que para o usuário vai ser mostrado a mesma coisa sempre:

http://www.web2con.com/ Web 2.0 Conference: October 519, at the Argent Hotel, San Francisco, CA

mas para o navegador ou a ferramente que estiver lendo aquele código, muita coisa pode ser feita!
* exemplo tirado da documentação hCalendar de microformats.org

Hummm, daí você se pergunta, e agora??
Agora imagine que com um plugin pro seu navegador, ao ver esse site e ele “entender” esse evento, você possa passar esse evento pra sua agenda no celular…
Simmmm!! Veja um vídeo do poder do microformats e Bluethoot.
E tem mais… imagine que os sites coloquem suas posições geográficas no meio de seu conteúdo e você possa encontrá-los no Google Maps!! Isso também é possível…

Se você quer ler mais sobre o assunto, entender melhor, recomento o texto Microformats do Revolução.net ou ir direto da fonte microformats.org

Mas se está com aquela preguiça de ler, quer uma coisa mais dinâmica, veja os vídeos da palestra do Elcio sobre o assunto:

Fonte dos vídeos: Pinceladas da Web