November 12th, 2008Não “otimize” seu código CSS, por favor!
O site Tableless, do pessoal da Visie, publicou um artigo bem interessante que me fez lembrar de algo que eu odeio em alguns programadores web: código CSS muito mal estruturado. Por favor, não “otimize” seu código.
Eu gosto do meu código muito certinho. Indentação correta e consistente, e um uso inteligente de linhas em branco para separar e organizar tudo em blocos. Mas tem gente que faz uma coisa bizarra, e sai escrevendo o código todo junto, como se os parâmetros precisassem ficar colados uns aos outros para não morrer de frio ou solidão. Aí fica um troço assim:
div{padding:10px;border:1px solid #CCC;width:485px;height:37px;background:#EEE}Se você faz isso, eu te odeio. Pura e simplesmente. Te odeio e nunca te convidaria pra tomar chá com biscoitos. Pronto, falei.
Agora vá lá ler o post do tableless, que é muito bom.
No related posts.
November 12th, 2008 at 8:17 am
Fala Leonardo!
Lembrando sempre, como colocaram lá nos comentários… Em empresas grandes pode ser válido utilizar o CSS dessa forma. Claro, com um modo automático para transformar o código legível, em código inline. Isso é importante para eles por conta da banda. Hoje em dia banda é muito cara, e por isso, 1Kb economizado pode significar muito dinheiro economizado.
:D
November 12th, 2008 at 8:35 am
Ah, sim. Mas as empresas que realmente precisam disso são a exceção, e não a regra.
Mas só deixando claro… se você é de uma dessas empresas que realmente precisa fazer isso, você pode tomar chá com biscoitos comigo sim.
November 12th, 2008 at 9:50 am
Bem não concocordo com isso mas você disse bem é o seu gosto rs isso não quer dizer que isso é o modo correto de se trabalhar, imagina se vc tem um cliente que tem milhoes de acessos dia isso não contaria?
Acredito que seja falta de costuma eu trabalhei assim qdo comecei a mexer com isso e hj axo mto mto melhor trabalhar com meus css em linha pois acho melhor de encontrar as propriedades!
de uma lida nisso
http://leonardocaineli.com.br/dicas-para-otimizar-seu-css/
mas cada caso é um caso rs
e cada programador tem o seu estilo de se trabalhar desde q me provem q o meu jeito de se trabalhar esta errado eu revejo meus conceitos mas hj pra mim ta perfeito rs fora q tenho varios beneficios tanto para mim qto para cliente e usuario final!
November 12th, 2008 at 10:26 am
Celso, veja o comentário do Diego Eis acima. Existem sim os casos onde é necessário poupar cada kilobyte que puder. Mas esses casos são pouquíssimos, e são mais a exceção do que a regra.
A maioria das empresas pode se dar ao luxo de ter um CSS com 0,5kb ou 1kb a mais.
Aí cai na questão de gosto mesmo. Mas como falei, acredito ser muito mais fácil achar algo quando cada coisa está na sua própria linha. Talvez você ache que uma linha só é melhor porque já está bem acostumado com isso.
Mas o negócio é que dessa forma a pessoa precisa ir lendo a linha inteira para achar uma propriedade do CSS que quer editar. Já com tudo mais organizado, basta você bater o olho no começo da linha e já sabe se aquele é o seu parâmetro ou não.
November 13th, 2008 at 4:33 pm
Bem trabalho numa empresa na qual temos sites grandes e ultimo job ficou com 3mil e pouco linhas de css isso inline agora imagina eu fazer nao inline como ficaria isso sao mtas funções mtas paginas no qual qq pessoas iria ficar totalmente perdida!
Para jobs pequenos eu concordo mas para jobs grandes acho inviável e nao aconselho o mesmo não!
Mas isso vai de gosto de se trabalhar e com equipe isso muda e no meu ponto de vista e na equipe na qual eu trabalho isso nos ajuda e mto!
Eu me adaptei e não foi tão dificil assim!
vc ja viu os sites grande como uol, terra globo entre outros como eles organizam seu css ou ja trabalhou em um job grande ?
Abraços
November 13th, 2008 at 7:20 pm
Bom, o negócio é que se vc tem um css de 3 mil linhas, provavelmente algo está errado, ou o site é gigante demais.
Um jeito de evitar que as pessoas fiquem perdidas com um CSS tão grande é separar ele em diversos arquivos, e dar includes nele conforme necessário, usando sua linguagem server-side ou os includes do CSS, dependendo do caso.
E como eu tinha falado antes, grandes portais como UOL e globo são exceções. Eu diria que mais de 99% dos outros sites brasileiros nunca verão um volume de acesso e gasto de banda tão grande quanto um site da globo. Quando eu digo pra não “otimizar” o CSS, me refiro a esses 99%, e não a essa minoria de casos.
Se eu fosse programar um CSS para um site da globo, não só faria tudo inline, como também faria de tudo para que ele nunca chegasse a 3 mil linhas.
December 3rd, 2008 at 9:14 am
Uma estratégia para quem REALMENTE precisa de css “otimizado” é manter um repositório com o código “normal” e na hora de jogar pro ambiente de produção otimizá-lo de forma automatizada.
Quem faz css (e código em geral) assim não merece tomar chá com biscoitos nem sozinho.