Part 3. Tuning for production

In the first two sections of this book, you’ve been introduced to Sass and Compass and looked at many practical ways they can transform your stylesheet authoring workflow. In chapter 6, we go deeper down the rabbit hole and explore the magic of spriting with Compass. We cover the reasons for using CSS sprites and take a look at simple and advanced use cases for spriting. You’ll see how Compass completely automates the spriting process, from combining and measuring your images to writing your CSS. You’ll also learn how to configure layout, spacing, position, class names, and more.

In chapter 7, you’ll learn how Compass makes it easy to move from a locally developed prototype to a production website or web application. We discuss how to use Compass’s asset helpers to make it easy to update all the URLs in your stylesheets with a simple configuration change. You’ll see how Compass warns you when it can’t find images referenced by your stylesheets, helping you avoid broken image links. We discuss approaches for designing in the browser and look at how to prepare your stylesheets for deploying to production.