Sass and Compass in Action

Chapter 6. Spriting

This chapter covers

• The history of and basic principles behind CSS spriting
• Automatic spriting with Compass mixins
• Advanced techniques for customizing sprite images and CSS output

In this chapter, we’ll look at the purpose of CSS spriting, the challenges involved, and how Compass saves you from one of the most tedious jobs in web design.

If you’ve ever manually created your own sprites before, you’re in for a treat! Spriting with Compass is remarkably easy. Compass creates the sprite maps, writes the CSS you don’t want to write, and integrates smoothly into your stylesheet workflow. But this is just the beginning. Even when you need more control over how Compass creates sprite maps and generates CSS, the process is ...