Learn how to power-up your CSS with PostCSS

Kevin Powell β€’ November 11, 2021
Video Thumbnail

About

No channel description available.

Video Description

If you're going to use the preset-env, I'd strongly recommend adding the PostCSS Language Support plugin to VS Code, so that it recognizes the CSS you are writing: https://marketplace.visualstudio.com/items?itemName=csstools.postcss PostCSS is an absolutely amazing tool, so let's see how we can use it! πŸ”— Links βœ… PostCSS: https://postcss.org ⌚ Timestamps 00:00 - Introduction 01:18 - The plugins we'll be setting up 01:32 - Installing PostCSS 04:17 - Installing our first plugin 05:06 - Adding the PostCSS config file 06:25 - Using our first plugin 07:28 - Setting up the command in our package.json 09:12 - Using the command 10:01 - Getting PostCSS to watch our files 12:09 - Installing cssnano and preset-env 14:12 - Exploring preset-env 15:37 - Setting up options for a plugin 17:57 - Custom property media queries with preset-env #css -- Come hang out with other dev's in my Discord Community πŸ’¬ https://discord.gg/nTYCvrK Keep up to date with everything I'm up to βœ‰ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! πŸ“Ί https://www.twitch.tv/kevinpowellcss --- Help support my channel πŸ‘¨β€πŸŽ“ Get a course: https://www.kevinpowell.co/courses πŸ‘• Buy a shirt: https://teespring.com/stores/making-the-internet-awesome πŸ’– Support me on Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

No Recommendations Found

No products were found for the selected channel.