As dicas que seguem são especialmente dirigidas àqueles que mantêm grandes quantidades de código, aos que atualizam seus CSS’s com freqüência, ou àqueles que trabalham em equipe – onde todos podem fazer eventuais alterações.
CSS
Dicas para melhorar seu CSS
Você provavelmente é bem organizado e toma conta direitinho do seu código PHP, Ruby, Python, ASP(?). Arquivos de classes organizados em pastas, todos com nomenclatura extremamente lógica. Seu HTML é impecavelmente semântico, e seu Javascript brilha, de tão bem estruturado. Agora, como anda a saúde das suas folhas de estilo?
Web Standards, agora também no seu cliente de e-mail
O Emanuel Felipe escreveu hoje sobre o Email Standards Project (Projeto de padrões de e-mail), que depois do WaSP, vem com o objetivo de estender o suporte a padrões Web também aos clientes de e-mail. Há os que gostam mesmo é de TXT – e eu particularmente gosto muito – mas o conceito de hipertexto no e-mail é bem aceito pela grande maioria.
Mas para quem trabalha com web e, em alguns casos, com produção de mailings e newsletters, criar webmails HTML é algo muito, mas muito complicado. O suporte de HTML e CSS dos programas é geralmente fraco, e varia muito de um aplicativo para outro.
O intuito do Email Standards Projects é fazer com que essa abordagem de padronização atinja …
CSS para diagnóstico de marcação incorreta
Em sites cuja administração é feita pelo cliente, fica difícil controlar (evitar) o aparecimento de marcação inválida. Eu que estou trabalhando num CMS feito em padrões Web que o diga. Mesmo por que o cliente sequer sabe (na maioria das vezes) que um site é feito de código, e que supostamente este deve estar correto. Mas quem desenvolve, e sabe como é sofrido criar um site 100% compliant, pode utilizar um recurso que está sendo discutido no 456 Berea Street e no blog do Eric Meyer: o diagnóstico de erros de marcação através de folhas de estilo.
Isso quer dizer que você (ou seu cliente) pode facilmente identificar quando alguma tag está vazia, quando uma imagem não possui atributo alt, …
O que houve de errado?
Em 1994 iniciava-se a saga do CSS. Ao mesmo tempo uma solução e um problema. Conflitos de implementação por parte dos browsers tornam o CSS, apesar da maneira mais correta que conhecemos de formatar visualmente o conteúdo, uma dor de cabeça para os desenvolvedores.
Como é desgastante ter que refazer partes do CSS – ou mesmo todo ele novamente – para torná-los iguais visualmente. Fora os hacks, conditional comments e todas as outras gambiarras existentes. Para quem está iniciando, deparar-se com um site que é renderizado de uma maneira num browser e de outra em outro browser pode ser tão desanimador a ponto de levá-lo aos velhos métodos de desenvolvimento.
Falamos em novas especicações, como a do CSS3 mas, é essa a …
Reset de estilos
Todos os browsers possuem padrões de apresentação, mas eles diferem de um para outro (nos browsers da família Gecko existem os mesmos padrões). Por exemplo, certos browsers renderizam listas ordenadas e não-ordenadas com left-margin, já outros aplicam left-padding.
Existem inúmeras outras diferenças. Você as percebe quando está começando a fazer seu CSS e testa a página no IE e no Firefox ao mesmo tempo. Quando você ainda não aplicou nenhum estilo, os próprios estilos dos browsers mudam um pouco. Para uns os cabeçalhos tem um padding maior, um alinhamento vertical diferente, e assim por diante.
Para garantir o máximo de fidelidade em todos os browsers, resetar os estilos antes de começar a fazer a camada de formatação é uma boa pedida. Evita, …
Cartilhas legais para a aprendizagem
Talvez os desenvolvedores que estão há mais tempo nessa história de padrões web – abandonando definitivamente os editores visuais – possam desconsiderar a dica que segue. Contudo, para os iniciantes, a dica é bem útil, vi lá no blog do Pedro Rogério, o Pinceladas da Web.
Existem espalhadas pela web algumas cartilhas, ou cheat sheets, que facilitam bastante o trabalho de quem está começando. São grandes tabelas que contém todos os elementos do HTML, CSS, JavaScript e Microformatos, e que quebram um galho enorme algumas vezes quando um elemento ou outro escapa da mente.
Mas, para não dar uma de parasita e consumir a banda dos outros, fiz o upload dos arquivos (que estão em PDF) no meu servidor.
Faça o download
Seguem os …