Coursera Plus Annual is 40% Off — Ends July 13.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Power-Up Your CSS with PostCSS

Kevin Powell via YouTube

Start learning Write review
OpenLearning Ad

Future-Proof Your Career: AI Manager Masterclass

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Discover how to enhance your CSS capabilities with PostCSS in this 20-minute tutorial. Explore the installation process of PostCSS and its plugins, set up a configuration file, and learn to use powerful features like cssnano and preset-env. Master techniques for watching files, customizing plugin options, and implementing custom property media queries. Gain practical insights into streamlining your CSS workflow and leveraging advanced features to create more efficient and maintainable stylesheets.

Syllabus

- Introduction
- The plugins we'll be setting up
- Installing PostCSS
- Installing our first plugin
- Adding the PostCSS config file
- Using our first plugin
- Setting up the command in our package.json
- Using the command
- Getting PostCSS to watch our files
- Installing cssnano and preset-env
- Exploring preset-env
- Setting up options for a plugin
- Custom property media queries with preset-env

Taught by

Kevin Powell

Reviews

Start your review of Power-Up Your CSS with PostCSS

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.