2016
Lynda
Ray Villalobos
0:51
English

PostCSS is a CSS post-processor engine that allows you to transform regular CSS through JavaScript plugins. Like LESS, Sass, and Stylus, these plugins allow you to use CSS in new and exciting ways like automatically prefixing your CSS for older browsers; adding variables, conditionals, or nesting; and even transpiling next-generation CSS so that it works in older browsers today. PostCSS can be 3–30 times faster than other pre-processors and offers a modular approach, so you can install just the plugins you want to use.
In this short course, you'll learn how to set up a workflow for Gulp.jsusing PostCSS, which can speed up the way you build websites and change the way you write CSS. Author Ray Villalobos will also introduce the most useful PostCSS plugins, including cssnano, Autoprefixer, cssnext, and PreCSS.

Introduction
Welcome
What you should know before watching this course
1. Getting Started
What is PostCSS?
What you need to work with PostCSS
Geting started with our Gulp workflow
2. Discovering PostCSS Filters
Optimizing the size of your CSS with cssnano
Automating prefixes with Autoprefixer
Adding future CSS features with cssnext
Using Sass-like markup with PreCSS
Conclusion
Next Steps

lynda.com/CSS-tutorials/PostCSS-First-Look/442850-2.html

Download File Size:166.06 MB

---