Facilitando o CSS Sprite do seu site

CSS_Sprites_SpriteMe

Você sabe o que é CSS Sprite??
Se a sua resposta for não, leia esse texto: http://pt.spritegen.website-performance.org/section/what-are-css-sprites

Agora, se você já sabe, ou acabou de aprender, vou apresentar o site: http://spriteme.org/

O que essa belezura faz pra nós?
Cria todas as imagens do seu site em um único arquivo (conceito de CSS Sprite) e ainda gera o CSS pra você, claro você só vai precisar configurar o caminho das imagens.

E como isso funciona?

Muito fácil e simples:

  • Entre no site indicado acima (http://spriteme.org/)
  • Onde está escrito "SpriteMe", clique com o botão direito e adicione o link ao seu bookmark
  • Entre no site que você quiser (pode ser até esse mesmo que você está lendo)
  • Vá no seu bookmark e clique no favorite Sprite Me
  • Uma tela, se abrirá onde você pode ver o css e a imagem gerada
  • Algumas imagens não podem aplicar na regra do sprite, e o script diz por que elas não podem

Fácil e indolor né??

Amo essas ferramentas que nos auxiliam no trabalho.

Comentários
  • avatar

    Alessandro escreveu em 06/10/2010 às 06:57:32

    Putz! Perfeito! Thanks, Thanks, Thanks!

  • avatar

    sergio escreveu em 01/05/2012 às 14:23:13

    Mas onde coloca o código?

Escrever Comentário



Para ter sua foto no comentário faça o seu cadastro no site Gravatar.