seletores

CSS Signatures

Existe uma técnica muito simples, muito útil e relativamente pouco utilizada no Brasil conhecida como CSS Signature, ou em bom tupiniquês, "assinatura de CSS". É com essa técnica que eu consigo por exemplo, indicar no menu do meu site, qual é a página atual em que o usuário está. Se você clicar em uma das páginas como feeds, referências, hosting etc aqui do meu site, verá que o ítem de menu correspondente a página fica "selecionado", diferenciando-se do restante dos ítens do menu para indicar para o usuário qual a página atual em que ele se encontra.

Continue Lendo »


Falso hover no Internet Explorer

Todos sabem que o Internet Explorer não fez uma implementação completa de CSS2. E dentre as várias limitações do browser azul uma delas é não compreender o pseudo elemento :hover. Com ele você pode fazer coisas interessantes que os desenvolvedores do passado utilizavam JavaScript inline para simular o mesmo efeito. Nunca gostei desses scripts inlines.

Continue Lendo »


Conditional Comments no Internet Explorer

A utilização de conditional comments (comentários condicionais) é uma excelente maneira de contornar bugs e declarar regras de CSS para o Internet Explorer sem necessariamente utilizar hacks. Conditional Comments trata-se de uma sintaxe especial para escrever comentários em documentos de (X)HTML que são interpretados somente pelo Internet Explorer. Como o nome sugere, esses comentários condicionais, permite com que você aponte a condição necessária, escolhendo por exemplo a versão do browser, e poder fornecer uma solução específica para uma ou mais versões ao mesmo tempo. Apesar de não ser um padrão (é um código proprietário da Microdsoft), estes comentários ficam visíseis para todos os outros browsers mas são interpretados simplesmente como comentários comuns onde o seu conteúdo não é parseado.

Continue Lendo »


As Dicas de CSS que você não deve deixar de saber

Desenvolver dentro dos padrões web exige algumas capacidades que vão muito além do conhecimento técnico. Desenvolver bem sua folha de estilos é a certeza de que manutenções futuras serão mais fáceis de serem implementadas. Mas saber bem CSS sem conhecer semântica não vai adiantar muito. De qualquer maneira, conhecer algumas dicas de CSS é uma parte muito importante do todo, que é o desenvolvimento para web. Continue Lendo »


Hacks hack hacks!

Meses atrás saiu um convite no blog da Microsoft para que todos os desenvolvedores alterassem os hacks utilizados para o Internet Explorer e os trocasse por uma solução mais limpa e considerada future-proof. A razão disso é o Internet Explorer 7 e os testes realizados em diversos sites que ficaram “quebrados” por causa do uso dos hacks que ironicamente só existem por causa da própria Microsoft por não adotar os web standards como deveriam. No final quem paga o preço são os desenvolvedores.

Continue Lendo »