CSS Sprites Tutorial

Rating
Your rating: None (14 votes)
Details

In this video tutorial I am going to be showing you how to create and implement CSS Sprites which are useful in a few ways:

  1. They are more maintainable than several separate images
  2. Additional state images such as hover and active do not need to be preloaded
  3. Implementing CSS Sprites lowers HTTP requests, in turn increasing your websites performance

Click this Great CSS Sprite Article to learn more about where sprites originated and how to implement them, or if you would rather not create sprites by hand using Photoshop click here to use the CSS Sprite generator which will create sprites from a batch of images.