* CSS in-line.
* Tamanho de fontes absolutas.
* Utilizar “aspas” para marcar o caminho das imagens.
* CSS Hacks.
* Redeclarar valores herdados.
* Aplicar padding, bordas e larguras fixas para os elementos.
* !important e position:absolute.
* Nomes para Classes e IDs baseados em sua aparência.
Boas práticas
* Declarações CSS em uma única linha.
* Comente seu código.
* Organize seu arquivo CSS.
* Indentação conforme necessário.
* Construa um código de fácil leitura.
* Utilize um sistema de nomemclatura comum.
* Declarações em Ordem alfabética.
* O “;” não é necessário para a última declaração.
* Quando uma unidade declarada for 0 px/em/%/… você pode omitir a unidade.
* Utilizar o mínimo de divs, propriedades e seletores CSS.
* Agrupar seletores lhe permite selecionar vários elementos de uma só vez.
* Muitas propriedades podem ser abreviadas.
* Cores devem ser declaradas
* Defina Pseudo-classes para seus links na seguinte ordem: LoVe/HAte.
* Defina elementos como margin, padding e bordas na seguinte ordem: TRouBLed.
* Faça uso seletores filho.
* Faça uso de diferentes tipos de mídia.
* Nomeie suas classes e ID’s referentes a função, e não a aparência.
* Aprenda a explorar o efeito cascata. CSS tem sofisticadas regras de herança.
* Faça uso de seletores de atributo. Seletores de atributo correspondem a elementos com base no valor dos atributos.
* Deixe os textos em letras maiúsculas através de CSS.
* Organize os elementos por grupo, como: header, container, footer…para uma melhor visão global.
* Se inspire nos códigos de grandes empresas.
* Busque inspiração com os gurus do design.
* Dê uma olhada no Framework CSS Blueprint, de lá você pode tirar grandes idéias.
Facilite sua vida
* Utilize algum Cheat Sheet CSS.
* Teste seu CSS primeiramente em browsers mais avançados, e depois nos outros, nunca antes.
* Quando estiver em dúvida, valide seu código.
* Teste embutido, lance importado.
* Mantenha uma biblioteca com classes úteis em CSS.
* Experimente utlizar algum compressor de CSS on-line, alguns dos métodos que eles utilizam para reduzir o tamanho dos seus arquivos CSS você pode utilizar para desenvolver um arquivo de forma racionalizada.
* Utilize a Web Developer Toolbar para Firefox.
* Utilize algum framework CSS, por exemplo “Blueprint”.
Você sabia?
* Você pode utilizar multiplas classes em um único elemento.
* Defina valores constantes ao longo de um documento CSS.
Uma opção simples é definir cores para cada estado em que você deseja. Ao decorrer do documento, você pode ir alterando se necessário. Isso é bastante trivial.
Uma vez que um elemento pode ter mais de uma classe sobre ele, você pode aplicar classes para cada constante ou variável que deseja criar, e em seguida atribuir essas classes a elementos (x)HTML que deseja afetar. Uma vez que um elemento pode ter mais de uma classe sobre ele, este não deve interferir em eventuais utilizações existentes. Portanto, se você deseja alterar a cor, tudo o que precisa fazer é alterar a cor na classe definida.
Pode utilizar linguagens Server-Side para escrever seu CSS.
Existem alguns exemplos de CSS Server-Side pré-configurados hoje. Parecem ser os melhores desenvolvidos.
* Pode adicionar estilos CSS aos seus Feed RSS.
* Pode previnir o Spam com CSS.
* Você pode customizar o design do seu site dinamicamente criando o arquivo CSS com PHP.
www.marciomoreira.net
0 comentários
Postar um comentário