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

Learn Generative AI, Prompt Engineering, and LLMs for Free

Learn More → Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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.