Padrões Web e CSS - Caio J Ruman

Padrões Web, CSS, SEO e derivados

Posts com a Tag: 'Css'

CSS Menu utilizando uma imagem com detalhes transparentes e o hover com o background-color

Thursday, 14 de February de 2008

Estava eu fazendo a estrutura de mais um e-commerce (fiz tantos e-commerce nos últimos 3 meses que virei um expert no assunto), e chegou o momento de fazer o menu.
Verifico o psd, e para minha infelicidade, vejo que a fonte não é uma fonte padrão para a web.
Começo a fazer uma lista sobre o [...]

O dia em que comecei a amar as unidades em ‘em’

Friday, 8 de February de 2008

Amar pode ser uma palavra muito forte, mas não encontrei outra palavra para a situação.
A uns 6 meses atraz eu passei a adotar o ‘em’ para as fontes, em todos os sites que eu estruturo.
ex:

html { font-size: 62.5%; }
body { font-size: 1em; }

Do modo acima, como a fonte padrão dos browser é 16px, a fonte [...]

Promoção: The Sims 2 - Bon Voyage e Leilão Medal of Honor - Airborne

Thursday, 25 de October de 2007

Na última semana, 2 projetos interessantes ficaram prontos na empresa onde trabalho.
Foram dois hotsites para promoções de jogos da EA Games:
Promoção The Sims 2 Bon Voyage
Promoção Medal of Honor: Airborne
A minha colaboração nos 2 projetos foi o xhtml e css! Como são hotsites pequenos, eles foram simples e rápidos de fazer, com poucos problemas cross [...]

Css Reset, Legacy Code, FCK Editor e problemas com align em imagens.

Friday, 19 de October de 2007

Essa descoberta foi de uma coincidência incrível. Hoje de manhã tive um problema no trabalho com o código gerado pelo FCK Editor. Mais especificamente no align=”right” ou align=”left” nas imagens, que não funcionava no IE.
ps: Eu abomino o FCK Editor. Ele gera código obsoleto e desnecessário na página. Infelizmente ele é amplamente usado aqui no [...]

Css Framework

Friday, 19 de October de 2007

Não é exatamente um CSS Framework, algo que eu também não considero útil para css, mas sim uma base para iniciar um projeto.
Eu tomei como base o “Css framework” desse site, que eu achei lendo o artigo no pinceladasweb sobre css framework.
Eu tomei a liberdade de modificar bastante os arquivos, modificando a estrutura de pastas [...]

Fix no IE7 para o background-image no input text

Monday, 3 de September de 2007

Se você já usou alguma vez uma imagem para background de um input text, sabe que no IE6, para a imagem não dar scroll quando uma quantidade de texto maior que o tamanho da caixa de texto for digitada, é só declarar background-attachment: fixed. Preferencialmente numa folha de estilos própria para o IE6.
Infelizmente, isso não [...]

Backgrounds diferentes na esquerda e direita do site

Thursday, 23 de August de 2007

Algo que os designers da empresa que trabalho sempre fazem, e eu não sabia um modo de fazer usando os padrões, era o de usar backgrounds diferentes para as laterais de uma página. Eu também nunca tinha parado para pensar em um modo de fazer. Normalmente quando precisava fazer isso, eu usava uma imagem grande, [...]

Padrões Web e CSS