Audaciosamente indo onde nenhum dev jamais esteve

html | css | javascript | seo | design e essas coisas de nerd

Deu pau no IE6Cameroon

Tag ‘semântica web’

Otimizando seu CSS

CSS Sprites

CSS Sprites consiste em unirmos imagens em apenas um arquivo, utilizando CSS para posicioná-las e mostrá-las em seu HTML.

O principal objetivo da utilização desta técnica é a economia de requisições HTTP, fazendo com que seu site ganhe performance e economize banda.

Imagem

Para começar, unimos todas as imagens utilizadas em apenas uma:

CSS Sprites

mais…

Microformats

Microformats é um conceito de padronização para elementos comuns existentes na maioria dos websites (como informações de contato, eventos, tags, resenhas, etc) usando nada mais que a própria sintaxe XHTML para tanto, sem scripts ou arquivos anexos. A idéia central deste conceito é gerar meta-dados a partir da própria formatação tornando os textos mais ricos em informação – sem que isso altere em nada a vida do usuário comum. Basicamente, as informações extras atribuidas são colocadas como classes CSS, na tag REL e na tag TITLE, tendo interferência praticamente nula no resultado visual. Entre muitas,  algumas vantagens dos Microformats são:

mais…