Assinar
Aprenda com os maiores: CSS Zen Garden
Até o momento desse post 8.030 pessoas já linkaram para o CSS Zen Garden. Ele é mundialmente aclamado por todo mundo como uma excelente iniciativa. Alguém aqui lembra o objetivo do CSS Zen Garden? Eis alguns:
- Mostrar que o CSS é bonito e que designers devem usá-lo
- Promover os padrões Web, especialmente o CSS
- Mostrar que podemos ter infinitos CSS com um único HTML
O HTML do CSS Zen Garden, pela época em que foi criado, é monstruosamente lindo! Ele foi criado pensando justamente no objetivo de nunca mais ser tocado.
Se você abrir o HTML deles agora (e estou realmente sugerindo que o faça) verá que as classes e ids são (quase) todos semânticos: intro (Introdução), quickSummary (Sumário Rápido), explanation (explicação) e todos os demais. Ele não fala de cima, baixo, esquerda, direita ou barra lateral e justamente por isso ele é tão bom! Porque ele foi projetado sem nenhum layout em mente, somente conteúdo.
E qual é a grande lição que o CSS Zen Garden nos dá? Temos que marcar o HTML como se nunca mais pudessemos mudar, visando somente o conteúdo e não o layout.
19/4/2007 Ã s 6:26 am
Sem duvida CSS Zen Garden é a maior prova “viva” da versatilidade, poder, elegância e beleza do CSS, um dia chego ao nivel desses caras, se Deus quiser.
25/4/2007 Ã s 5:50 am
[...] Mas não vamos nos esquecer que isso daí vale para organizar o conteúdo do dentro da página, a seção de notícias, eventos por exemplo, devem ter id’s ou classes que realmente a representam, afinal temos que manter a semântica em nossos documentos. [...]
3/5/2007 Ã s 11:01 pm
[...] O HTML e o CSS tem que ser irmãos, e se respeitar. Layout respeita conteúdo. Há dúvidas de que tudo funciona melhor assim? [...]
25/5/2007 Ã s 12:33 am
[...] Mudar o visual do site? Nem sempre. A maioria dos sites quando necessita de um redesign acabam alterando também o HTML. Não deveria ser dessa maneira. [...]