Nomenclatura semântica

Todos sabem que um dos benefícios de trabalhar com CSS é separar a apresentação do conteúdo, mas é bastante comum projetarmos pensando em layouts, quando o semanticamente correto seria projetar pensando no conteúdo.

Vejamos o exemplo abaixo:

#banner{...}
#central{...}
#esquerda{...}
#direita{...}
#rodape{...}

O que tem de errado com esses nomes no CSS acima?
R: Nada.

Errado! Pegue seu melhor designer e peça para ele dar uma cara nova a seu site... O resultado não será muito diferente, não é verdade? É o que acontece no site CSS para Webdesigner. Alternar os layouts, muda as cores, as imagens, mas o layout é o mesmo.

O que acontece aqui (e lá) é que a nomenclatura dita (força) o layout. Perceberam (ESQUERDA, DIREITA e CENTRAL)?

E se fosse assim:

#banner{...}
#conteudo{...}
#noticias{...}
#parceiros{...}
#rodape {...}

O seu designer agradeceria e você certamente ficaria surpreso com o resultado.

Veja o exemplo do CSS Zen Garden, a cada layout escolhido uma surpresa, não é? Sentiu a diferença?

Por isso, não basta pensar em CSS sem antes pensar em conteúdo.

Quando projetar seus sites (de preferência utilizando wireframes), pense no conteúdo e não somente em layout, assim, você não poda a criatividade do designer e não "cimenta" o layout para sempre.

o[>_<]o
[Lutando por WaSP]