Define CSS Preprocessor
What does a CSS Preprocessor do?
A CSS preprocessor is a workflow detail that generated CSS from the preprocessors native syntax.
What are the advantages of using a Preprocessor?
The advantages of using a preprocessor are the features that are not native to CSS that get added. One feature is the libraries that are available to us as developers of premade CSS. Another feature that is in large scale projects this allows to be able to make vast amount of changes with little effort due to application of CSS variables.
What are the disadvantages of issues you need to consider when using a CSS Preprocessor?
One disadvantage is that when using the preprocessor for small scale projects it can be more work than working between a normal CSS external stylesheet. Since there is a compilation step involved in taking the SASS and turning into CSS there will be times where debugging will have to take place which can be difficult and time consuming. Another disadvantage is all the extra developer tools that are needed with the preprocessor adding another level of complexity.
List at least FIVE CSS Preprocessors currently available.
- SASS
- LESS
- Stylus
- PostCSS
- Myth
Research Web Development jobs and see how many of them list a CSS Preprocessor as one of their desired skills.
Out of seven jobs that I looked up, one was specifically asking about CSS preprocessor experience and the other was asking about CSS tools.