Pre & Post Processors

Pre-processors like Sass and Less were the vanguard of “CSS 2.0”. At a time where the language itself could seem pretty stagnant, they introduced new features like variables and nesting by introducing a compile step to the mix.

More than a decade later, CSS itself is catching up but the pre-processors are holding strong, with Sass being a mainstay in any front-end stack (although CSS-in-JS is looking to change that – but more on this later).

And on the “post-processor” side, PostCSS has managed to carve out a niche of its own by being a complementary tool that makes your CSS workflow even better.

Awareness, interest, and satisfaction ratio rankings. Note that these three ratios all correspond to the same point in time.

Awareness (Total Respondents - Never heard)/Total Respondents
Interest Interested/(Interested + Not interested)
Satisfaction Would use again/(Would use again + Would not use)

The “overall” column shows overall usage for each technology (respondents who selected “would use again” or “would not use again”), while the following columns show the usage ratio for each “years of experience” bracket.

A brighter pink background indicates a higher-than-overall-average ratio for a given bracket.

Years of Experience
overall
<1
1~2
2~5
5~10
10~20
>20
Sass
79.73%
55.07%
75.97%
85.01%
89.36%
88.74%
84.24%
Less
47.03%
13.22%
24.45%
44.7%
62.33%
68.05%
69.41%
PostCSS
33.54%
11.45%
22.26%
34.22%
44.76%
46.18%
42.35%
Stylus
14.22%
4.41%
8.25%
15.33%
18.42%
18.44%
20.47%
Difference from overall usage:
-20%-10%0+10%+20%

The “overall” column shows overall usage for each technology (respondents who selected “would use again” or “would not use again”), while the following columns show the usage ratio for each “yearly salary” bracket.

A brighter pink background indicates a higher-than-overall-average ratio for a given bracket.

Salary Range (USD)
overall
0
0~10k
10~30k
30~50k
50~100k
100~200k
>200k
Sass
83.28%
64.54%
78.21%
83.75%
87.76%
89.99%
91.52%
87.22%
Less
52.72%
30.77%
32.38%
49.72%
56.39%
60%
70.64%
69.17%
PostCSS
38.89%
23.08%
25.12%
34.59%
40.91%
43.01%
51.37%
54.14%
Stylus
16.67%
11.07%
13.1%
15.53%
16.81%
16.67%
21.7%
21.8%
Difference from overall usage:
-20%-10%0+10%+20%

Sass

Completion Percentage: 99.3% (11238)
Completion Percentage: 99.3% (11238)
Percents%CountΣ
I've USED it before, and WOULD use it again77.11%
I've USED it before, and would NOT use it again8.45%
I've HEARD of it, and WOULD like to learn it7.85%
I've HEARD of it, and am NOT interested5.54%
I've never heard of it0.36%

Sass makes CSS fun!

Less

Completion Percentage: 99.27% (11234)
Completion Percentage: 99.27% (11234)
Percents%CountΣ
I've USED it before, and WOULD use it again25.46%
I've USED it before, and would NOT use it again29.56%
I've HEARD of it, and WOULD like to learn it11.05%
I've HEARD of it, and am NOT interested31.84%
I've never heard of it1.37%

Less. The dynamic stylesheet language.

PostCSS

Completion Percentage: 99.32% (11240)
Completion Percentage: 99.32% (11240)
Percents%CountΣ
I've USED it before, and WOULD use it again35.96%
I've USED it before, and would NOT use it again3.5%
I've HEARD of it, and WOULD like to learn it23.6%
I've HEARD of it, and am NOT interested19.78%
I've never heard of it16.48%

Transforming styles with JS plugins

Stylus

Completion Percentage: 99.24% (11231)
Completion Percentage: 99.24% (11231)
Percents%CountΣ
I've USED it before, and WOULD use it again7.79%
I've USED it before, and would NOT use it again8.66%
I've HEARD of it, and WOULD like to learn it13.6%
I've HEARD of it, and am NOT interested41.64%
I've never heard of it27.55%

Expressive, robust, feature-rich CSS language built for nodejs

Learn Sass Fundamentals

Leverage the Sass preprocessing to empower your CSS practices and master styling complex applications while keeping the styles readable and maintainable.
Thanks to our partners for supporting us! Learn more.