logo

CSS Sprites – Why they are cool and A tool to make it easier

logo

I’ve been experimenting with CSS sprites as of late, I’m half way through this project now so there seems little point in introducing them at this point. Basically speaking a CSS Sprite is a bunch of images amalgamated into a single image that you then use CSS and the :hover etc functions associated to links to move different parts of that image into view (Tabs would be an ideal example of this).

e.g.:
CSS Sprite

Anyway I found this very cool site that explains a lot more about it and it provides a cool tool to help you merge your own CSS sprites.

http://css-tricks.com/css-sprites/

Share with your friends and help out this site:
  • Print this article!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogosphere News
  • E-mail this story to a friend!
  • Identi.ca
  • LinkedIn
  • Live
  • MisterWong
  • MySpace
  • Ping.fm
  • Reddit
  • RSS
  • Slashdot
  • StumbleUpon
  • Suggest to Techmeme via Twitter
  • Technorati
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
  • Yahoo! Buzz
logo
logo
Powered by Nu Order Webs