Como organizar suas folhas de estilos

Pesquisando aqui e ali encontrei algumas sugestões muito boas para organizar o CSS. Uma das minhas primeiras preocupações ao aprender CSS é de poder encontrar o que eu quero na hora da manuntenção.

Eis abaixo um resumo de algumas dicas que encontrei nos sites da Simone e do Rafael:

  1. Colocar uma introdução no arquivo de CSS para melhor identificar o conteúdo.
  2. Dividir os seletores por mídia
  3. Dividir por tipo de conteúdo
    1. Resetlimpar as definições de estilo
    2. Basicdefinições genéricas de tags e classes
    3. Gridestrutura da página
    4. Format configuro cores, fundos, tipologia
    5. Pages definições especiais de cada seção do site
  4. Ordenar os Seletores
  5. Comentar o código

Referências:

s1mone
s1mone
rafaelmarin


Anúncios

Tags: , , ,

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s


%d blogueiros gostam disto: