How to install PostCSS | In a Rocket

Autoplay
Autocomplete

Previous Lesson Complete and Continue

PostCSS | Master

Getting started [update: March 2019]

What is PostCSS
Why learn PostCSS
First contact via CodePen - CHALLENGE
How to install PostCSS
How to add and setup a plugin: Autoprefixer
How to add and setup a plugin: Autoprefixer - CHALLENGE
Watch a folder or use BrowserSync (fixed: 11-Mar-2019)
Getting started - CHALLENGE
Getting started - QUIZ

Linting

Stylelint
Stylelint - CHALLENGE
PostCSS BEM
PostCSS BEM Linter

Preprocessing

PreCSS
PreCSS Variables
PreCSS Property lookup
PreCSS Extends
PreCSS Conditionals
PreCSS Loops
PreCSS Mixins
PreCSS Imports
PreCSS Nesting

Images

PostCSS Assets
PostCSS EasySprites

Fonts

Fontpath
Font Magician

Performance

cssnano

PostCSS Plugins [work in progress]

Create a PostCSS plugin

Teach online with

How to install PostCSS

PostCSS-How to install.pdf

Download

PostCSS-How to install.pdf

Complete and Continue