Scroll snapping, state queries, monster hunter, and gamification

https://utilitybend.com/blog/the-customizable-select-part-four-scroll-snapping-state-queries-monster-hunter-and-gamification

#HackerNews #ScrollSnapping #StateQueries #MonsterHunter #Gamification #WebDevelopment

#Development #Previews
Is the sticky thing stuck? Is the snappy item snapped? · A look at CSS state queries and JS scroll snap events https://ilo.im/1604k4

_____
#Scrolling #ScrollSnapping #StickyPositioning #StateQueries #AnchorPositioning #ProgressiveEnhancement #WebDev #Frontend #CSS #JavaScript

#Development #Demos
CSS scroll driven animations are a joy to play around with · Some examples to get you excited about this new feature https://ilo.im/14c25e

_____
#Animations #Scrolling #WebDevelopment #WebDev #Frontend #CSS #ScrollDrivenAnimations #ScrollSnapping #TimelineRanges

In this post I share how you can (ab)use Scroll-Driven Animations to fake a `:snapped` selector – a fictitious selector that matches elements that are currently snapped within their scroll-snapping enabled ancestor scroller.

CSS IS FUN, YO! 🤩

🔗 https://brm.us/snapped

🏷️ #CSS #ScrollDrivenAnimations #ScrollSnapping