Ganhe tempo usando um CSS inicial padrão
Postado por Renato Cruz | Arquivado em Produtividade, Web Design
Criar um arquivo CSS do zero sempre que iniciar um novo projeto pode te tomar um bom tempo e ainda fazer com que cada um saia de um jeito único, o que dificulta a padronização, e padrão é algo precioso quando falamos de desenvolvimento web.
Uma forma que uso há algum tempo e tem sido muito útil, é salvar um arquivo CSS com algumas formatações básicas no programa de edição de HTML e acioná-los sempre que precisar. No Dreamweaver são chamados de “snippets” e no Eclipse/Aptana (programa que uso atualmente) são chamados de “actions” estes pequenos blocos de textos que você guarda e chama quando for o caso.
As vantagens são várias. Além do tempo economizado por você iniciar seus estilos com meio caminho andado, isso te ajuda a se localizar entre as várias classes e IDs que o arquivo ganhará.
Este arquivo CSS fica então estruturado dessa forma:
- Geral - Aqui vão as primeiras estilizações e o que será herdado por praticamente todo os seletores.
- Configura Tags - Muitas tags podem receber estilizações padrão;
- Cabeçalho - Aqui separo todas as configurações pra o topo do site;
- Rodapé - Igual ao anterior, porém, para o rodapé agora;
- Conteúdo - Formatações estruturais para o meio do site, onde vai o conteúdo;
- Navegação - Separo os estilos que formatam tudo relacionado à navegação do site. Na verdade ainda divido este item em vários elementos: navegação principal, navegação secundária, breadcrumb e paginação
- Barras, Janelas, Box - Para formatações de janelas de mensagens, conteúdos em janelas e etc;
- Formulários - Formulários são bem chatos de lidar, quanto mais organizados estiverem os estilos, melhor pra você;
- Listas - Todas as listas, ordenadas e não ordenadas ficam estilizadas por aqui;
- Tabelas - Porque elas também merecem :);
- Tipografia - Um dos itens mais importantes pros designers. Aqui formato os parágrafos, tÃtulos e tudo o que se relaciona à tipografia do site;
- Efeitos - São formatações diversas que uso constantemente durante o desenvolvimento, como um alinhamento à direita, uma cor diferente ou qualquer coisa do tipo;
- Elementos diversos - Aqui vão os estilos que não entram em nenhum dos rótulos acima. Coisa bem comum também
Se alguém usa um outro método ou organização e quiser compartilhar, escreva!
Download do arquivo CSS Inicial