Matematica feeds

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.

Artigos Relacionados:

  1. Blog Viche com Nova Identidade Visual
  2. Notícias Expressas #5 – CSS ao Vivo e a Cores

Posts relacionados trazidos a você pelo Yet Another Related Posts Plugin.

Categorias: CSS,Informativo,Técnico

Imprima este artigo Envie este artigo para um(a) amigo(a) Adicionar ao Rec6 Adicionar ao del.icio.us Adicionar ao Linkk 7.138 views

Deixe seu Comentário

Obrigatório

Obrigatório, (não publicado)

São permitidas as seguintes tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed

Notifica, via E-Mail, sobre novos artigos publicados no VICHE. Ao fazer sua inscrição você receberá uma mensagem em inglês no E-Mail informado abaixo, com um link, para que o serviço seja ativado. Basta então clicar nesse link para que você passe a receber as notificações.

Delivered by FeedBurner