Edson S. Júnior
Internet, CSS e Photoshop
Seu CSS é bom ou ruim?
27/11/12
Artigo original “Code smells in CSS” escrito por Harry Roberts, que gentilmente me permitiu traduzi-lo para o nosso idioma.
Chris Coyier recentemente respondeu a seguinte pergunta:
O que você diria se um código CSS não “cheirasse bem”? Quais são os sinais de que o código é poluído ou que o desenvolvedor não fez um bom trabalho? O que você procuraria nele para determinar se ele é bom ou ruim?
Pensei em estender a resposta de Chris adicionando um tempero próprio…
Meu cotidiano se passa trabalhando em casa para a BSkyB. Trabalho em grandes sites, dos quais o último me tomou mais de um ano para desenvolver o front-end (e ainda não terminou). Para mim CSS ruim é uma coisa muito específica e problemática; quando você está trabalhando em um site por meses a fio você não pode se permitir escrever um código poluído, seja ele CSS ou não, e qualquer código ruim precisa ser re-escrito.
Vou compartilhar apenas alguns pontos que eu analisei no CSS (e há, sem dúvida, alguns que deixei passar batido) para que você possa ter uma idéia quanto a qualidade, sua manutenção e sua integridade…
Qual a medida em pixels de uma folha de papel A4?
12/05/11
Antes de qualquer explicação, você sabe converter centímetros para polegadas, e vice-versa?
1 cm = 0,3937 pol ou 1 pol = 2,54 cm (mais fácil de gravar, não?)
Agora, você com certeza já deve ter ouvido falar em dpi. Sabe o que significa?
Qual o tamanho do background do Twitter?
03/08/10
Você, usuário um pouco mais, digamos, experimentado, já tentou posicionar uma imagem no background do seu perfil no Twitter?
Convenhamos, é meio chato! Vou explicar como adaptar (criar é com você!) uma imagem, de modo que seu background apareça melhor em algumas resoluções de monitor mais comuns.
Por que usar CSS Reset?
25/07/10
Muito se discute sobre o uso de CSS Reset em desenvolvimento web. É um verdadeiro divisor de águas. Há quem o odeia e quem não viva sem (meu caso).
Especialistas divergem entre si e são muito políticos em suas defesas quanto ao uso ou não de resets. Tanto que confundem a cabeça de novatos nessa área e só fazem aumentar a necessidade de um veredito.
Pois bem, resolvi peitar uma defesa baseada em problemas que enfrento diariamente. E defino minha conclusão com uma pergunta mais que direta: “Como eu criava sites antes sem usar um CSS Reset?”
@font-face CSS com ajuda do Google font API
20/05/10
Em um artigo que escrevi sobre o uso de @font-face e a conversão de fontes do formato TTF para EOT abordei o modo mais prático de implementação de fontes diversas para criação de sites mais, digamos, elaborados. Expliquei como e com o que converter fontes, e as linhas de código em CSS para implementação.
Agora vou explicar novamente o uso do @font-face abordando uma, na verdade duas, ajudas muito bem-vindas do gigante do Vale do Silício: a Google font API e o Google font directory.
