Pular para conteúdo

O autor

Carlos Eduardo de Souza, sócio da V.Box Design e Web Designer da agência Mídia Digital, desenvolve sites dentro dos Web Standards, além de escrever para o project.47.

hCard OPML

Portfolio e blog sobre Web Standards - project.47, de Carlos Eduardo de Souza

BuscaPé, líder em comparação de preços na América Latina

Blog

Topo 21/12/07

Sexta-feira dos Web Standards #9

Enfim passa mais uma semana e, claro, chega a Sexta-feira dos Web Standards em sua nona edição! Muitos links interessantes sobre CSS, 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 Microformats, 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.
  • CSS3: Cascading Stylesheets Tutorial and Reference Guide - Este site apresenta diversas referências de propriedades CSS, além de vários tutoriais.
  • Email Standards Project: Yahoo! Signs on 100%, GMail Bad - Artigo que analisa a conformidade do Yahoo e GMail com os Padrões e mostra que, do lado do Yahoo, as coisas estão indo muito bem.
  • 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!

Technorati Tags: , ,

Compare preços de: Macbook, iPod, Nintendo Wii e Xbox360 no Buscapé.

Topo 05/12/07

Plugin Microformats para Safari

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 Microformats nos sites e fácil importação de hCards entre outros tipos de padrões, facilitando a vida do usuário.

Technorati Tags:

Compare preços de: Macbook, iPod, Nintendo Wii e Xbox360 no Buscapé.

Topo 24/09/07

Optimus - Conversor de Microformats

Lançaram a ferramenta Optimus (remetendo ao personagem dos Transformers) que, ao utilizada, converte conteúdos em Microformats para XML ou JSON.

Os formatos suportados pela ferramentas são os seguintes:

  • hCalendar
  • hCard
  • hAtom
  • hResume
  • hReview
  • xFolkentry
  • adr
  • geo
  • xfn
  • votelinks
  • rel-nofollow
  • rel-tag
  • rel-license

Fonte: microformatique

Technorati Tags: , , ,

Compare preços de: Macbook, iPod, Nintendo Wii e Xbox360 no Buscapé.

Topo 10/03/07

Referência aos Microformats - hCalendar

Há algum tempo, iniciei uma série de posts (que desejo continuar) sobre exemplos práticos de Microformats, 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: hCalendar. 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 XHTML, 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.

Technorati Tags: , ,

Compare preços de: Macbook, iPod, Nintendo Wii e Xbox360 no Buscapé.

Topo 17/02/07

WebCards - Mais suporte a Microformats no Firefox

Foi lançada mais uma extensão para Firefox, a WebCards, com o intuito de difundir os Microformats, 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.

Technorati Tags: ,

Compare preços de: Macbook, iPod, Nintendo Wii e Xbox360 no Buscapé.

Topo 18/12/06

Operator: o futuro da Web

Como já venho defendendo esta idéia há um tempo, acredito que os Microformats dão mostra do que será a Internet num futuro próximo; onde as informações são organizadas e cada uma possui seu significado, de maneira que tudo possa ser aproveitado de acordo com sua real finalidade. É o conteúdo sendo mais valorizado e, em maior escala, aproveitado, devido ao suporte maior por parte dos browsers e programas à parte.

Preocupando-se com essa nova realidade, a Mozilla desenvolveu uma extensão para Firefox 2, chamada Operator, que tem como intuito aproveitar as possibilidades que os microformatos nos dão. Não é a primeira extensão do tipo, mas representa um grande avanço e incentivo aos desenvolvedores para que, cada vez em maior número, adotem esta metodologia.

Para mais detalhes do projeto, é só visitar o post oficial sobre o lançamento.

Technorati Tags: , , ,

Compare preços de: Macbook, iPod, Nintendo Wii e Xbox360 no Buscapé.

Topo 07/12/06

Microformats cheatsheet

Há algum tempo postei o link para uma lista de propriedades dos Microformats, auxiliando muito na utilização dos mesmos.

Estou disponibilizando o link para a versão atualizada dessa lista e, novamente, recomendo altamente para quem pretende utilizar Microformats em seus futuros projetos.

A lista tem mais utilidade como guia. Se você estiver interessado em aprender mais sobre o assunto, já escrevi alguns posts e pretendo continuar mostrando mais alguns exemplos práticos, a fim de divulgar essa metodologia de desenvolvimento.

Technorati Tags:

Compare preços de: Macbook, iPod, Nintendo Wii e Xbox360 no Buscapé.

Topo 29/11/06

Referência aos Microformats - hCard

Estamos passado por uma fase na qual muitos se perguntam do verdadeiro papel da W3C e se ela está sabendo desempenhá-lo, de acordo com as expectativas geradas ao longo dos anos e, claro, com a expansão dos Web Standards nos sites e blogs pelo mundo a fora.

Não podemos negar a importância que a W3C teve (e tem) na evolução do Desenvolvimento Web, mas devido a algumas falhas, seja na atualização de seu conteúdo, como nas medidas adotadas, o pessoal acabou tomando iniciativa e criando novos padrões “independentes” que, com o passar do tempo, vêm possuindo mais e mais adeptos. No meu ponto de vista, o maior exemplo de uma iniciativa vinda de fora da W3C são os Microformats, cada vez mais aceitos em grandes e pequenos sites, se firmando como uma das grandes tendências dessa evolução da Internet, inclusive sendo reverenciado como um dos pilares da Web 3.0 (!!).

Na busca por essa padronização na maneira de se desenvolver o código do site e pela semântica do mesmo, foram criados diversos tipos de microformatos para diversas finalidades (seja para criar um perfil no seu site, mostrar sua localização geográfica, empresa na qual está trabalhando, telefone de casa, calendário, eventos importantes, copyrights, etc.) as quais citarei aqui.

O primeiro tipo de microformato que citarei, é o hCard, que também utilizo aqui no project.47. Continuar lendo…

Technorati Tags: , W3C, , ,

Compare preços de: Macbook, iPod, Nintendo Wii e Xbox360 no Buscapé.

Topo 10/11/06

Microformats são viáveis comercialmente falando?

Imagine-se trabalhando numa agência qualquer, na qual se tem prazos curtíssimos e muita coisa a fazer.

Será que tem como aplicar Microformats a grandes projetos, com curto período para desenvolvimento?

Estou passando por isso atualmente, e acho que os Microformatos foram criados possuindo sua função muito importante no desenvolvimento de qualquer tipo de site. Porém, para podermos aplicá-los corretamente, devemos seguir as classes pré-definidas, obviamente, para fazer sentido utilizá-los.

Essa consulta acaba prejudicando, em certo ponto, o andamento do projeto, o que pode deixá-lo impraticável em certos tipos de trabalhos.

Porém, no caminho inverso, estou desenvolvendo o site da minha banda e, como não tenho prazo de entrega, pretendo utilizar muitos recursos dos Microformats, assim como já faço aqui, especialmente no Portfolio. Assim, desenvolvendo com bastante calma, posso implementar as classes nos itens correspondentes, dando significado para cada um deles, auxiliando consideravelmente na semântica do site.

Compare preços de: Macbook, iPod, Nintendo Wii e Xbox360 no Buscapé.

Topo 09/10/06

Significado é tudo

Ao tentar conversar com outras pessoas de regiões/estados diferentes, algumas falam gírias que às vezes nem entendemos. Imagina quando falamos com pessoas de outro país, que utilizam outra língua para se comunicar, seria impossível transmitir nossas idéias (pelo menos através da fala e escrita).

Penso que no caso da Web o caso seja bastante semelhante. Mas desta vez não estou falando da língua do conteúdo, mas o modo como o site é desenvolvido.

O princípio básico para que haja comunicação é que haja alguém que esteja enviando a informação e alguém que a receba. Porém, se os dois não se comunicarem de uma forma em que ambos se identifiquem, como seria possível um entendimento entre as partes?

Continuar lendo…

Compare preços de: Macbook, iPod, Nintendo Wii e Xbox360 no Buscapé.

Links Randômicos
Meta
Apoio
Créditos
Creative Commons