Every modern site should be using PostCSS!

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/...

---------------------------------------

🔗 PostCSS Plugins mentioned 🔗
https://www.npmjs.com/package/postcss...
https://github.com/postcss/autoprefixer
https://cssnano.co/
https://github.com/postcss/postcss-mi...
https://github.com/postcss/postcss-ne... (for SASS nesting)
https://github.com/csstools/postcss-p... (for CSS-spec nesting)
https://github.com/postcss/postcss-me...
https://github.com/csstools/postcss-p...
https://github.com/csstools/postcss-p... (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:   / cpenned  
Patreon:   / coding_in_public  
Buy Me a Coffee: https://www.buymeacoffee.com/chrispen...