Viche

Modular CSS e A CSS Framework

fevereiro 21st, 2006

Dois artigos de Mike Stenhouse, muito bons, publicados em seu blog Content White Style.

O primeiro aborda uma forma de se trabalhar com CSS modularmente, agrupando estilos com as mesmas características em folhas separadas, visando ganho de produtividade com o seu uso (reutilização) na construção de site. Estabelece e detalha os seguintes componentes (módulos CSS) básicos: Tipografia, Formulários, Layout Principal, Navegação e Cores. Mostra ainda como criar os links de importação das folhas de estilos e ao final coloca alguns cuidados a serem observados na utilização do método. O artigo completo, em inglês, pode ser visto no blog do autor.

O passo seguinte, detalhado no segundo artigo, foi ampliar os conceitos de CSS modular para convertê-lo em um CSS Framework, permitindo o desenvolvimento rápido de sites com os componentes já desenvolvidos e testados. Propõe uma estrutura ideal das div e mostra o código XHTML da página com base nesta estrutura. Entre outras explicações, apresenta seis layouts construídos usando a modularidade das folhas de estilos e o mesmo código XHTML. Veja os layouts funcionando e faça o download de todos os arquivos fontes utilizados.

Categorias: CSS, Informativo, Técnico

2,180 Views