Estive procurando por uma solução para esilizar botões de formulário, sem comprometer a semântica destes. Na ma.gnolia eu já tinha uns 4 exemplos. São eles: 1) Scalable CSS Buttons Using PNG and Background Colors, 2) Styling the button element with sliding doors, 3) How to make sexy buttons with CSS, 4) Simple Round CSS Links ( Wii Buttons ).

Tirando algumas restrições, como o uso de javascript em alguns casos e <span> em outros, fiz uma mistura entre estas soluções e adicionei ao recurso já criado Grid layout para formulários.

Veja um exemplo.

[...] Leia o resto do artigo →

Quer uma boa referência para desenvolver layouts para web com CSS de qualidade? Dos grids à tipografia, Blueprint é a pedida da vez.

[...] Leia o resto do artigo →

Não, não… Não há nenhum problema com design da minha página.

Hoje é dia de ficar nu!

Mas só até 00:00hs. :P

Atualização 2007-04-06 00:52 hs: Pronto! Vestido novamente. Até o próximo ano. :P

Image drop shadow with DOM and CSS

Inspirado pelos artigos do A List Apart, há um tempo venho pensando numa solução para criar sombras em imagens sem atrapalhar minha semântica, ou seja, com o mínimo de manipulação da marcação em torno da imagem. Depois de alguns estudos e testes, cheguei num resultado onde é necessário utilizar apenas uma classe para criar as sombras.

Inspired by two articles of A List Apart, I come thinking about a solution to create drop shadows on images without confuse my semantic, that is, with the minimum of manipulation in markup around the image. After some studies and tests, I arrived in a result where it’s necessary to use only one class to create the drop shadows.

[...] Leia o resto do artigo →