From ff546e88c10f14552ae69b9db8adcb6ddf30f4ba Mon Sep 17 00:00:00 2001 From: Mathias Schopmans Date: Tue, 4 Apr 2017 10:27:34 +0200 Subject: [PATCH] Add PostCSS --- radar/2017-03-01/postcss.md | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 radar/2017-03-01/postcss.md diff --git a/radar/2017-03-01/postcss.md b/radar/2017-03-01/postcss.md new file mode 100644 index 0000000..95fd74d --- /dev/null +++ b/radar/2017-03-01/postcss.md @@ -0,0 +1,16 @@ +--- +title: "PostCSS" +ring: adopt +quadrant: languages-and-frameworks + +--- + +PostCSS is a tool for transforming stylesheets with JavaScript plugins. It comes with a parser that reads your CSS file into an AST, pipes it through the loaded plugins and finally stringifies it back into a (transformed) CSS output file. + +We at AOE love PostCSS because it gives us the power to use [CSS Modules](https://github.com/css-modules/css-modules), which finally ends the curse of global CSS. + +It also has a huge list of more than 350 other [available plugins](http://postcss.parts/). Sure, not all of them are useful, but the sheer number of plugins shows how easy it is to write your own plugin for it. In fact, it's just a matter of writing a single JS function. + +Finally, PostCSS is very fast and easy to setup because it runs 100% in JavaScript. + +Compared to [SASS](https://extranet.aoe.com/confluence/display/knowledge/SaSS) as a preprocessor, it feels much more powerful but at the same time less bloated with superfluous functionality because everything comes in its own little plugin.