Lutando por WaSP

Nesse espaço, relato a minha luta por Web Standards, pois internet é para todos.

quinta-feira, junho 24, 2004

Ainda sobre nomenclaturas CSS

Pensei que esse assunto fosse gerar polêmica, mas vocês não deram muito IBOPE, talvez por que achem de baixa relevância. Mas a W3C avisa: Use class com semântica na mente.

Alerto no tópico abaixo e reforço neste, frequentemente são usados nomes em class e ids de acordo com o formato, exemplo: .textoVermelho, .linkAzul, #esquerda, #direita etc.

Quando o melhor seria dar nomes de acordo com o papel que cada elemento HTML desempenha dentro da página, exemplo: .erro, .atalho, #menu, #noticias etc.

Não é bem mais lógico?

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

segunda-feira, junho 07, 2004

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]

quarta-feira, junho 02, 2004

Utilizar tabelas para layout é estupidez

"Tabelas existem no HTML por um motivo: Exibir dados tabulados. Mas a utilização de border="0" tornou possível para designers ter uma grade para exibir imagens e textos. Esta é, ainda, a forma predominante em que os designers projetam seus sites com um visual rico, porém, hoje o uso de tabelas está interferindo de fato na construção de sites melhores, mais acessíveis, flexíveis e funcionais.", veja na íntegra a apresentação "Utilizar tabelas para layout é estupidez" que é uma tradução oficial de "Why tables for layout is stupid".

Comente...

o[@_@]o
[Lutando por WaSP]

Web Standards ROI

Estava procurando os benefícios de se implantar web standards para justificar o uso e ter um maior poder de convencimento e encontrei diversos sitios* e autores que davam justificativas louváveis. Mas ontem (11/jun/04) saiu um artigo bastante interessante no Asterisk: Web Standards ROI.

Não deixe de ler os comentários e tercer os seus.

*Outras fontes encontradas que justificam o uso:
Web Standards for Business
The benefits of Web Standards to your visitors, your clients and you!
The Business Benefits of Web Standards
The Business Value of Web Standards
The benefits of web standards
E muitos outros via Google :)

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