Pleeease, let's use a css post-processor

[tmos]

Hi :)

I discovered a very nice tool, called "pleeease". It :

• adds prefixes, based on Autoprefixer
• provides fallbacks for rem unit, CSS3 pseudo-elements notation
• adds opacity filter for IE8
• converts CSS shorthand filters to SVG equivalent
• packs same media-query in one @media rule
• inlines @import styles
• minifies the result

Don't missunderstand me : i still don't like pro-processors, that break retrocompatibility, but here, even if pleeease is shutdown, our CSS code is still okay :)

It depends on NodeJS. I know, it may sound bad, but actually this is really easy and fast to install. And it should not run without reason on ya computer.

Once NodeJS installed, just type npm install -g pleeease.

• Website : http://pleeease.io/
• Ful features doc : http://pleeease.io/docs/#features

For our workflow, I wanted to create a script.css with @imports of all CSS files. Pleeease will copy them on script.min.css, prefix them, IE-compatibility fix it, and minify all this.

It is really a nice tool for CSS, you can read an explanation about postprocessors (french) : http://blog.goetter.fr/articles/goutez-aux-postprocesseurs-css/

[Phyks]

Sounds really nice ! :)

[eliemichel]

I'm ok to use it! Don't forget to add some info about it in readme.

[tmos]

Done ! I added a readme in the CSS folder, as this is specific to the default template, and sould not be imposed to other template creators.

Note that we had 11 HTTP request and 10.3ko of CSS files, and now 1 HTTP request of 7.6ko. Such a victory :D

[tmos]

note that I was pretty tired, and I commited this in the tabs branch… I'll merge as soon as possible (it just lack the code to display/hide tabs content)…