Over the last few years there has been some major advancements in the tooling we use on a day-to-day basis but one feature that really took things to the next level was the introduction to CSS source maps.
CSS source maps allow the browser to map CSS generated by a pre-processor back to the original source file.
Setting up source maps only takes a couple of minutes in Chrome and gives your editing workflow less friction to enable you to develop quicker.
Running time: 4:06
Commands used in video:
sass -v sudo gem update sass sass --watch --sourcemap sass/styles.scss: css/styles.css python -m SimpleHTTPServer
Want to become a better web developer?
Join over 25,000 other developer & designers who get awesome links to the best news and articles each week delivered directly to their inbox.