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 ...

Get Sass and Compass in Action now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.