Programming & Web Development Crash Courses - PostCSS Crash Course

5.0 (4)

44 learners

What you'll learn

This course includes

118.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

postcss post css css postcss plugins css custom selectors css variables css custom media queries css import css minified

Full Transcript

In this video, we will talk about what PostCSS is, set it up and show you how to use some of the popular plugins such as postcss-preset-env, precss, postcss-import, autoprefixer and more. 💻 Code: https://github.com/bradtraversy/postcss-crash ⭐ All Courses: https://traversymedia.com 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia 👇 Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro 0:47 - Slides 6:48 - Docs 8:14 - Setup & Install 9:42 - Build & Watch Scripts 12:40 - Autoprefixer & Plugin Config 16:17 - postcss-preset-env 18:05 - Custom selectors, media, nesting 21:29 - PreCSS 24:13 - PostCSS Import & File Structure 28:42 - PostCSS Assets 31:52 - CSSNano

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Welcome