As front-end development becomes more complex, so do the tools to aid it. Sass is currently the most popular CSS preprocessor, a tool designed to extend, accelerate and enhance the creation of site styles. Sass has dependencies on other technologies to make it work correctly, making its installation and setup challenging for beginners… but web development sandboxes such as CodePen have Sass support built in, making the free online service a very useful way to start exploring the tool and its capabilities.
This reading list concentrates on just that, using clear explanations coupled with tutorials and examples. Advanced Sass features such as mixins and functions will also be addressed in the very near future.
Prerequisites: A good understanding of HTML & CSS
Time: 2 hours
Introduction to Preprocessors
Introduction to Sass
Nesting
Extends
Color
Comments & Minification
Partials & @import
Loops
Photograph by Midhras, licensed under Creative Commons
Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.
