O'Reilly logo

Sass and Compass in Action by Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, and Brandon Mathis

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required