CSS Preprocessor (Introduction - 1).
CSS preprocessors are awesome. they adds functionality to css mainly in the form of abstraction like variables, mixins and super powers :). that's how they make development quicker, easier, maintainable, scalable and blah blah blah (things you can't do with CSS). There are plenty of options for css preprocessor to choose. Top 3 choices are
How they works - BackStage
CSS preprocessors take code written in the preprocessed language and then convert that code into the same old css we’ve been writing for years. If you understand how ruby/php/jsp or any other server side programming language works it amounts to the same thing.
Sass (.scss syntax) and what the css output would look like.
Variables — Interpolation — Operations
It should be obvious that changing the value of a variable once is much more maintainable than changing the many instances.
Mixins - Nesting
Mixins :- DRY (DO NOT REPEAT YOUR-SELF). Principle allow for the easy reuse of blocks of code
CSS Preprocessors aren’t css, so not bound by css's limitations. The preprocessed language can give you more functionality. We'll cover much more things in upcoming blog series related to CSS Preprocessors.
And if you get stuck… Ask Here
email me firstname.lastname@example.org