Sass and Compass in Action

Summary

Sass and Compass in Action is the definitive guide to stylesheet authoring using these two revolutionary tools. Written for both designers and developers, this book demonstrates the power of both Sass and Compass through a series of examples that address common pain points associated with traditional stylesheet authoring. The book begins with simple topics such as CSS resets and moves on to more involved topics such as grid frameworks and CSS3 vendor implementation differences.

About this Book

For 15 years, we've been using CSS to patiently paint the web by hand. No more! Sass and Compass add scripting and a library of components to standard CSS so you can simplify stylesheet authoring, automate tedious tasks, and add dynamic styling features to your pages. Think of Sass and Compass as power tools that allow you to paint with remarkable speed and precision.

Sass and Compass in Action is a hands-on guide to stylesheet authoring using these two revolutionary tools. This practical book shows you how to eliminate common CSS pain points and concentrate on making your pages pop. You'll begin with simple topics like CSS resets and then progress to more substantial challenges like building a personal stylesheet framework to bundle and reuse your own approaches and opinions.

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

What's Inside

• CSS for desktop and mobile web apps
• Loaded with examples and reusable techniques
• Authors are Sass and Compass creators and core team members

About the Authors

Wynn Netherland is a full stack web developer who co hosts The Changelog Podcast. Chris Eppstein is the creator of Compass and a member of the Sass core team. Brandon Mathis is a passionate professional web designer with deep Sass skills. Nathan Weizenbaum is the creator and lead developer of Sass.

Table of Contents

PART 1: GETTING ACQUAINTED WITH SASS AND COMPASS

1. Sass and Compass make stylesheets fun again
2. Basic Sass syntax

PART 2: USING SASS AND COMPASS IN PRACTICE

3. CSS grids without the math


4. Eliminate the mundane using Compass


5. CSS3 with Compass



PART 3: TUNING FOR PRODUCTION

6. Spriting


7. From prototype to production


8. High-performance stylesheets



PART 4: ADVANCED SASS AND COMPASS

9. Scripting with Sass


10. Creating and sharing a Compass extension

Cascading Style Sheets paint the web as the user sees it and for years the web has been painted by hand. Sass and Compass extend standard CSS to give more flexibility and the option to simplify or automate many tedious tasks. Sass and Compass are the power tools that allow stylesheet authors to "paint" with remarkable speed and precision.

Sass and Compass in Action is the definitive guide to stylesheet authoring. The book begins with simple topics such as CSS resets and moves on to more involved topics such as grid frameworks and CSS3 vendor implementation differences. Then it culminates in a step-by-step look at building a personal stylesheet framework in which readers can bundle their own approaches and opinions and reuse them across projects.

Purchase of the print book comes with an offer of a free PDF, ePub, and Kindle eBook from Manning. Also available is all code from the book.

Nathan Weizenbaum is the creator and the lead developer of Sass. He's currently a software engineer working on Gmail at Google.

Chris Eppstein has more than ten years of experience building web sites. An active member of the Ruby community, he's the creator of Compass, a member of the Sass core team, and maintains or contributes to dozens of open source projects.