Finding Your Way with Sass Sourcemaps

Share this on

Job Board

The next version of Sass recently hit release candidate status, meaning it’ll be out in the wild any day now. There are some great changes coming in Sass 3.3, one of which should have developers extremely excited: sourcemaps.

Put plainly, sourcemaps are a way to map compiled code back to its native state. That may sound kind of odd, but sourcemaps will make every Sass-loving developer’s life a little bit better. Browsers that understand the generated map file will know where each and every line of code came from, down to the line number in the original Sass file, rather than the line number from the compiled CSS file.

Even in the pre-release state, sourcemaps are proving to be a big productivity boost for developers by cutting down debug time and making Sass code easier to optimize and improve. No need to wait for Sass 3.3 to be released officially: install the release candidate and try it out in your own projects!

Recently by Anthony Colangelo

The June 16th event recap

We know we can’t just design fixed web pages anymore—so how can we manage efficient workflows while accounting for the intricate systems and infinite variability that are today’s responsive sites? Style guides to the rescue! Well, sort of.

About the Author

Anthony Colangelo is a developer from Philadelphia building things at Big Cartel. He’s a generalist through and through, who loves everything from front and backend development, to building iOS and native applications. You can find him on Twitter talking about technology, design, development, and probably space, too.