CSS

CSS Sprites

27/03/10

Escrito por ed1nh0 em CSS

Você já leu o artigo sobre CSS Sprites da Smashingmagazine? Veja bem, levando em conta que você tem conhecimento desse assunto, gostaria só de basear minha crítica em cima de dois pontos desse artigo:

Cache de imagens
Acessibilidade

Mas antes, vamos ser francos, usar sprites é uma mão na roda no desenvolvimento de sites, e sei q o pessoal da Smashingmagazine também pensa assim. Eles só colocaram o assunto em xeque devido ao mau uso ou o uso exagerado.

Mais >

CSS, image replacement, IR, sprites

Radial shadow background

26/03/10

Escrito por ed1nh0 em CSS

4 comentários

exemplo de background criado com um degradé radial (circular)

Há algum tempo atrás precisei criar uma textura de fundo pra um site que fosse bem elaborada, com sombras nos quatro cantos e que fosse leve. Um background típico de sites em Flash. De cara percebi que se fizesse isso usando uma única imagem (um JPEG gigante) não ficaria leve o suficiente.

O resultado você confere no final. A vantagem é a de usar apenas duas pequenas imagens, um GIF e um PNG transparente (que continua transparente no IE6!), num total de apenas 2Kb (!). O GIF é a textura que se repete nos eixos X e Y (baixei do site Squidfingers.com) e o PNG com degradé circular é a sombra, criado no Photoshop, e mede só 64×64 pixels. A desvantagem, se é que podemos chamar isso de desvantagem, é o uso de dois hacks pro IE. Vou explicar todo o processo.

Mais >

degradé, sombra, textura

@font-face e a conversão de fontes .TTF para .EOT sem mistério

24/03/10

Escrito por ed1nh0 em CSS

24 comentários

exemplo de uma fonte gótica, que não é uma fonte segura, ou seja, existe o risco de não ser exibida no computador do usuário caso não seja usado @font-face Se você chegou até aqui pensando em ler algo sobre o tal Microsoft WEFT (Web Embedding Fonts Tool), esqueça. Nunca consegui usar esse programa.