53 Técnicas de CSS que você não pode viver sem conhecer

Ralph Almeida — Wed, 30 Sep 2009 14:24:20 +0000

O CSS vem se difundindo cada vez mais entre os desenvolvedores web. Na primeira vez que aprendi, juro que pensei: “Que coisa inútil” mas hoje não consigo fazer nada na web sem utilizar CSS. Desenvolver em CSS oferece diversas vantagens, como fazer um site completamente sem tabelas, o que já é uma boa otimização pros buscadores (SEO), e o mais importante é que separa o layout da programação e da informação do site, tornando muito mais fácil a modificação de temas e layout de uma página.

Eu sempre vejo inúmeros artigos sobre CSS, e até indico um ótimo site que inclusive, é do professor da empresa onde aprendi realmente o início do CSS e a utilizar Tableless, o site Tableless.

E como o CSS chegou para ajudar, mostro abaixo 53 técnicas de CSS muito boas e que facilitam bastante a vida de qualquer desenvolvedor. Achado no Smashing Magazine, um dos melhores sites de design que conheço.

1. Menu em CSS

2. Navegação Matrix Reloaded

3. Abas em CSS

4. Gráfico de Barras em CSS (CSS For Bar Graphs)

5. Tabelas que se abrem

6. Método Adams de customização de Radio e Checkbox

7. CSS Image Replacement

8. Sombras com CSS (CSS Shadows Roundup)

9. Cantos redondos em CSS (Nifty Corners)

10. Drop Cap – Letras iniciais maiores em CSS

11. Definir opacidade da imagem com CSS

12. Como criar um efeito HOVER numa lista de blocos de links