CSS Processors provides a practical and detailed introduction to the world of CSS processors. A CSS pre-processor is a program that takes the data of one language and converts the data into CSS upon compilation. A CSS post-processor takes existing CSS and refurbishes it to meet the standards of today's browsers. The modern landscape of CSS has been transformed by processors such as LESS, Sass, Stylus, PostCSS and others. The implementation of CSS processors in the workflow boosts efficiency and enforces the DRY (Don't Repeat Yourself) rule. Developers responsible for front-end development and CSS styling are the ideal audience for this course.
Introduction to CSS Processors
Overview of Pre-processors
Overview of Post-processors
The CSS Workflow
Pros and Cons
CSS Pre-processors
LESS
Sass
Stylus
CSS Post-processors
PostCSS
Pleeease
Stylecow
Garden (Clojure)
Features and Functionality
Syntax
Variables
Nesting
Mixins
Inheritance
Importing
Color Functions
Operations
Prefixes
Fallbacks
Minification
Sourcemap Generators
Single @media Rule
A Deeper Look at PostCSS
CSS Parser
Abstract Syntax Tree (AST)
CSS Generator
Code Map Generator
Autoprefixer
CSSNext
CSS Modules
Font-Magician
Stylelint
PreCSS
Choosing a CSS Workflow
LESS vs. Sass vs. Stylus
Using PostCSS with Plugins
Using LESS, Sass or Stylus with PostCSS
Full Clojure Stack: Clojure + ClojureScript + Garden
A basic understanding of CSS.
