Hands-On UX Design for Developers

CSS postprocessors

CSS postprocessors are tools which we use after the files are compiled to pure CSS from CSS preprocessing tools, such as Sass, Less, or Stylus.

By adding postprocessors, we minify our CSS in a proper way; for example, all the comments, white spaces, and unnecessary declared properties around our CSS files will be removed, and the CSS gets organized in a better way so that browsers can load it faster.

We can take an example of margins or paddings. Let's say that after compilation to pure CSS from preprocessing tools, we get CSS properties such as margin: 0px 0px 0px 0px; or padding: 0px 0px 0px 0px;. Postprocessors will organize these properties in a minified and organized way, so the final results on CSS will be margin: ...