This is tricky, but the more I think about it, maybe it's an expected behavior? @keyframes defined in a component is locally scoped, unless being used as a value in a local css variable – then I need to declare the @keyframes globally to make it work

I have always used classnames/clsx, but I didn't know that Svelte essentially supports that pattern natively!!

The web platform has changed so much, but whenever I reached to a React UI library it felt like they were built 10 years ago. None of the major React frameworks seem to even use <dialog>, a thing that has full browser support 3 years ago

Is there a site builder that runs locally aka works offline, allow building both with code and via GUI, has a simple built-in database, and output pure static html (framework opt in)?

I'm quite proud of this gradient, thought it turned out really well. The noise filter will definitely mess with video compression, so better see it live: codepen.io/d4rek/full/d...

Do you know which song this pen is referring to?

100% scroll-driven CSS animation (and CSS color names)
@codepen.io #CSSonly #scrollanimation
codepen.io/d4rek/full/d...

I looked at this pen again & it no longer showed the same effect. It was my laptop battery level – when plugged in, the animation was much smoother!

That's pretty obvious, but I haven't worked on an animation where that's clearly observable. In the vid below you can tell the moment I unplugged

Stoke to finally get my hand on the third First Cat in Space book, love reading it and the others with my little one

This is so cool. Modern CSS is almost unrecognizable from when I learned it

🎵🎵 Dance party 🎵🎵 #codepenchallenge

codepen.io/d4rek/full/v...

I meant to replicate the swipe effect in Reddit's menu, but ended up with this edgy scroll animation of the lyrics to The Void by Magnolia Park instead 🤷‍♂️ #codepen

codepen.io/d4rek/full/E...

curved scrollbar: completed it ✅

CSS + SVG to animate stroke-dashoffset combined with scroll-snap

extra bonus: use a scroll animation to toggle scroll-snap at either end of the scroller

Threlte 8 is Here! 🤗

Six months in the making, Threlte 8 redefines performance, flexibility, and developer experience for 3D web graphics using Svelte. It’s our biggest leap yet, powered by Svelte 5, exciting updates from Three.js, and tons of community input.

1/9

I finally got around to submit a #codepenchallenge #cpc-jump-flip! Here's a basic "game" made with Web Animations API:

codepen.io/d4rek/full/Q...