With front-end design getting more and more attention in web development these days, it’s not a wonder that the two are beginning to meld into one. It is crucial to maintain consistency and efficiency in web projects and Sass/Compass tackles this head on. In geek speak, Sass is a meta language integrated with CSS that makes stylesheets more manageable and less repetitive. This simply means you can create CSS without copying and pasting and having to constantly search for previous style references.
The beauty of implementing Sass/Compass is that the learning barrier is low and only requires general knowledge of CSS. It can be utilized in existing popular CSS frameworks because it actually compiles to CSS. Sass stands for Syntactically Awesome Style Sheets and it will create mixins, set variables, do math when necessary and much more. Compass is the open-source CSS authoring framework where you can write Sass.
Below we have included 35 resources for you to become introduced as well as an expert on Sass/Compass. After reviewing these resources, you’ll be able to make the Internet prettier in less time. Enjoy!
Articles, Opinion and General Information
- CSS is for Suckers. An Introduction to Sass & Compass
- Authoring Stylesheets with Compass and Sass
- The Sass Way Guides
- The Sass Way Beginner
- Improve your Responsive Design Workflow with Sass
- Using Sass and Compass for Managing CSS in WordPress
- Using Compass and SASS in a Java Project
- Using Compass and SASS to Generate Skinr Styles
Podcasts and Videos
- Intro to Compass/Sass
- SASS and Compass for Web Designers: Introduction
- Responsive Sass, Awkward Hugs
- Faster Color Theming With Compass and Sass
- Less is less: Introduction to Compass & Sass
- Creating Unobtrusive Stylesheets Using Compass and Sass
- Chris Eppstein talks with Engine Yard about Compass and SASS
- SASS and Compass for Web Designers: Building a Theme
- SASS and Compass for Web Designers: Grids and Sprites
Apps, Frameworks and Tools
Who’s Using It