home.social

#scrollsnapping — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #scrollsnapping, aggregated by home.social.

  1. Hacker News @[email protected] ·

    Scroll snapping, state queries, monster hunter, and gamification

    utilitybend.com/blog/the-custo

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

    #hackernews #scrollsnapping #statequeries #monsterhunter #gamification #webdevelopment
  2. Inautilo @[email protected] ·

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

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

    #development #previews #scrolling #scrollsnapping #stickypositioning #statequeries
  3. Inautilo @[email protected] ·

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

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

    #development #demos #animations #scrolling #webdevelopment #webdev
  4. Bramus @[email protected] ·

    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! 🤩

    🔗 brm.us/snapped

    🏷️ #CSS #ScrollDrivenAnimations #ScrollSnapping

    #css #scrolldrivenanimations #scrollsnapping