Helping people fall in love with CSS 📺 https://YouTube.com/@kevinpowell ✉️ https://kevinpowell.co/newsletterhttps://bsky.app/profile/kevinpowell.cohttps://bsky.app/profile/kevinpowell.co/post/3mtjbxruxck2qAnytime I use nesting in a YouTube video, people comment that they didn't realize we can use it in vanilla CSS. Browser support is getting pretty good now, but there are a few gotchas, one of which might surprise you if you're coming from a preprocessor like Sass.20 Aug 2026 12:51 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtjbxruxck2qhttps://bsky.app/profile/kevinpowell.co/post/3mu6ni35gvk2bI'm sorry what [contains quote post or other embedded content]29 Aug 2026 00:43 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mu6ni35gvk2bhttps://bsky.app/profile/kevinpowell.co/post/3mu5nvuiui22mSo YouTube took care of this relatively quickly. TikTok still has the three videos up on a channel that's all the same crap. I've reported each video and the channel, and I know others have too. [contains quote post or other embedded content]28 Aug 2026 15:18 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mu5nvuiui22mhttps://bsky.app/profile/kevinpowell.co/post/3mu5l7cav4s2aAnchor positioning makes this type of effect feel almost too easy to make now. If you want the long-form where I break it down in more detail, you can find it here: youtu.be/8_NQ7ARXz8c28 Aug 2026 14:30 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mu5l7cav4s2ahttps://bsky.app/profile/kevinpowell.co/post/3mu2y44i7nc25I know titles like I used here turn some people off, but they work incredibly well compared to descriptive titles. As usual, I think it's a good video with a lot of value, so while it obviously benefits me if more people watch, I also do think it benefits the extra people watching too. [contains quote post or other embedded content]27 Aug 2026 13:43 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mu2y44i7nc25https://bsky.app/profile/kevinpowell.co/post/3mtyt5xk5222oThe easy part of this one was the scroll-triggered animations. The tricky part is staggering the animations. If I'd had a consistent grid it would be easy, but I was using auto-fit, so I had to do a little more work. [contains quote post or other embedded content]26 Aug 2026 17:09 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtyt5xk5222ohttps://bsky.app/profile/kevinpowell.co/post/3mtyqu2nknk2jScroll-triggered animations that fire once and stay without any JavaScript. The trick is using animation-play-state to pause the animation when it's out of view. https://www.youtube.com/watch?v=onraoQExbHw26 Aug 2026 16:28 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtyqu2nknk2jhttps://bsky.app/profile/kevinpowell.co/post/3mtu45rvi7c25When we got modals with dialog, it already seemed like something that was a pain in the butt was just so easy now... add invoker commands into the mix, and it's almost too easy 😅24 Aug 2026 20:07 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtu45rvi7c25https://bsky.app/profile/kevinpowell.co/post/3mtvxu6bluk2iSo I've been deepfaked, which feels pretty dystopian... The video is pretty good, but the voice is terrible. I've reported the videos and channel already, and, if you have a free moment, I'd appreciate if you reported the channel too, it's full of this crap. https://www.tiktok.com/@jeffcryptoteam25 Aug 2026 13:55 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtvxu6bluk2ihttps://bsky.app/profile/kevinpowell.co/post/3mtu3rlbi7c25What are some of your favourite uses of @property that aren't animating the colours of a gradient?24 Aug 2026 20:00 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtu3rlbi7c25https://bsky.app/profile/kevinpowell.co/post/3mtu45rvi7c25When we got modals with dialog, it already seemed like something that was a pain in the butt was just so easy now... add invoker commands into the mix, and it's almost too easy 😅24 Aug 2026 20:07 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtu45rvi7c25https://bsky.app/profile/kevinpowell.co/post/3mtu3rlbi7c25What are some of your favourite uses of @property that aren't animating the colours of a gradient?24 Aug 2026 20:00 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtu3rlbi7c25https://bsky.app/profile/kevinpowell.co/post/3mtmtqfzjs22qI asked 100 devs what their favorite framework was, and had @nerdy.dev try and guess the top four answers.21 Aug 2026 22:47 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtmtqfzjs22qhttps://bsky.app/profile/kevinpowell.co/post/3mtmtqfzjs22qI asked 100 devs what their favorite framework was, and had @nerdy.dev try and guess the top four answers.21 Aug 2026 22:47 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtmtqfzjs22qhttps://bsky.app/profile/kevinpowell.co/post/3mtm2cti3rc2lOne of my favorite new-ish (and decently well supported) CSS features is the linear() function, and because of that, one of my favorite sites is easingwizard.com21 Aug 2026 15:12 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtm2cti3rc2lhttps://bsky.app/profile/kevinpowell.co/post/3mtlqtzkr5s2cBeyond the issues Bramus addresses in his post, ask anyone who isn't a CSS nerd what [class|="foo="] matches. Most will have no idea, or someone who knows regex will get it wrong. I think there's a lot of value just in it being simpler, beyond the other advantages over |= this will come with. [contains quote post or other embedded content]21 Aug 2026 12:23 +0000at://did:plc:xbj7qbl7qmoo7dpf5dheplex/app.bsky.feed.post/3mtlqtzkr5s2c