The State of CSS 2024
Take the survey! https://survey.devographics.com/en-US...
🔗 Links
I thought Bramus did a series on view transitions, but it's on scroll-driven animations! • Unleash the power of Scroll-Driven An...
Steph's article on registered custom properties: https://moderncss.dev/providing-type-...
Videos on topics I've covered:
✅ Subgrid: • Learn To Use CSS Subgrid in 8 Minutes
✅ Logical properties: • Write better CSS using logical proper...
✅ svh, lvh, and dvh: • Use these instead of vh
✅ Container queries: • Learn how to use Media queries & Cont...
✅ Blend modes: • How to use mix-blend-mode, and how to...
✅ min-content, max-content, and fit-content: • min-content, max-content, fit-content...
✅ color-mix(): • A deep dive into CSS color-mix()
✅ Relative colors: • Relative colors make so many things e...
✅ line-clamp: • How to set a maximum number of lines ...
✅ :has(): • :has() opens up new possibilities wit...
✅ :where(): • :where() - Remove the specificity of ...
✅ Nesting: • Getting started with CSS nesting
✅ @scope: • Naming things just got easier thanks ...
✅ nth-child of S: • nth-child() just got an upgrade
Sorry if I missed any others!
#css
--
Come hang out with other dev's in my Discord Community
💬 / discord
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!
📺 / kevinpowellcss
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
📽️ Join as a channel member: / @kevinpowell
💖 Support me on Patreon: / 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: / 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!