PostCSS brief intro

PosrCSS

Transcript

1. PostCSS the Future after Sass and Less more than JS functions
2. PostCSS Users
3. PostCSS the Future after Sass and Less itself and plugins: nothing more than JS functions
4. PostCSS Differs from Preprocessors • Performance • Modularity
5. PostCSS written in JS itself is very small and fast one of the fastest CSS parsers PostCSS processing is 40 times faster than Ruby Sass compilation
6. custom-properties `postcss-simple-vars` like Sass-like variables. `postcss-custom-properties` closer to W3C spec
7. `postcss-nested`
8. `postcss-mixins`
9. Modularity Each plugin is an independent module Flexibility Powerful add only those features that you want
10. PostCSS 70+ plugins RTLCSS AtCSS Autoprefixer CSSGrace and more @ https://github.com/postcss/postcss#plugins
11. Autoprefixer postprocessor for CSS Write your CSS rules without vendor prefixes http://simevidas.jsbin.com/gufoko/quiet https://github.com/ai/browserslist#queries https://github.com/postcss/autoprefixer/wiki/support-list https://github.com/postcss/autoprefixer-core/tree/master/lib/hacks http://caniuse.com https://gist.github.com/vagusX/54c5bb5ebf1798f7bba0
13. write future CSS Write standard CSS syntax non-implemented yet in browsers like calc,custom properties, custom media, color functions, etc. Including autoprefixer CSS3 available https://cssnext.github.io/cssnext-playground/
14. CSSGrace Write brief,elegant,future-oriented CSS. Handle some IE hacks like opacity, rgba, inline-block, etc From now on
16. CSSGrace Automatic generation of 2x background compatible code Get the background image's width or height Position:center polyfill Repair of common errors Missing property auto completion
18. AtCSS transform CSS according to special annotation comments
20. more and on https://github.com/postcss/postcss#plugins Thank you