PostCSS is the ultimate CSS tool. It’s completely customizable and incredibly quick. I'll walk you through what it is, how to use it, show you my preferred plugins, and show you how to get it working in a real project. 🔗 Key Links 🔗 - PostCSS website: https://postcss.org/ - VSCode extension: https://marketplace.visualstudio.com/items?itemName=csstools.postcss --------------------------------------- 🔗 PostCSS Plugins mentioned 🔗 - https://www.npmjs.com/package/postcss-import - https://github.com/postcss/autoprefixer - https://cssnano.co/ - https://github.com/postcss/postcss-mixins - https://github.com/postcss/postcss-nested (for SASS nesting) - https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting (for CSS-spec nesting) - https://github.com/postcss/postcss-media-minmax - https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-media - https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env (the preset for writing modern CSS) --------------------------------------- ⏲️ Timestamps ⏲️ 0:00 Introduction 0:39 What is PostCSS? 0:51 How does PostCSS work? 2:11 Why use PostCSS? 3:28 What PostCSS plugins do I use? 9:17 How do I use PostCSS? --------------------------------------- 🌐 Connect With Me 🌐 - Website: https://codinginpublic.dev/ - Blog: https://chrispennington.blog/ - Twitter: https://twitter.com/cpenned - Patreon: https://www.patreon.com/coding_in_public - Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington