Next Generation CSS Design with PostCSS and CSSNext

PostCSS—a CSS post-processor engine—transforms CSS with JavaScript, allowing you to work with the latest CSS features on older browsers. In this project-based course, learn how to work with PostCSS to create a realistic single-page site that uses cutting-edge CSS features while maintaining compatibility with older browsers. As Ray Villalobos explains how to tackle this project, he covers important concepts, such as how PostCSS and CSSNext work, how to keep your code organized by dividing your work into partials, and how to work with features like advanced pseudo-classes and custom property variables. Plus, he takes you through how to work with flexbox layouts, use color functions, set up a mobile layout, and add animations.