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
Datacamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More → Coursera Ad

Save 43% on 1 Year of Coursera Plus

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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.