Sass + Dev Tools Workflow

Avatar of Chris Coyier
Chris Coyier on

There have been a couple of good articles lately on improving the Sass/CSS workflow by using 1) Source Maps so Chrome knows what’s up with your Sass files and partials 2) Telling Dev Tools to save changes back to disk 3) Ensuring those changes get automatically re-compiled 4) Using the LiveReload browser extension to ensure those changes are injected onto the page.

Ben Frain’s Faster Sass debugging and style iteration with source maps, Chrome Web Developer Tools and Grunt and Tim Lucas’ Getting started with CSS sourcemaps and in-browser Sass editing.

Source Maps requires Sass 3.3 which is in Alpha and and doesn’t work with Compass yet.

Direct Link →