MastodonTech.de

Hacker NewsScroll snapping, state queries, monster hunter, and gamification<a href="https://utilitybend.com/blog/the-customizable-select-part-four-scroll-snapping-state-queries-monster-hunter-and-gamification" rel="nofollow noopener" translate="no" target="_blank">https://utilitybend.com/blog/the-customizable-select-part-four-scroll-snapping-state-queries-monster-hunter-and-gamification</a><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/ScrollSnapping" class="mention hashtag" rel="nofollow noopener" target="_blank">#ScrollSnapping</a> <a href="https://mastodon.social/tags/StateQueries" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateQueries</a> <a href="https://mastodon.social/tags/MonsterHunter" class="mention hashtag" rel="nofollow noopener" target="_blank">#MonsterHunter</a> <a href="https://mastodon.social/tags/Gamification" class="mention hashtag" rel="nofollow noopener" target="_blank">#Gamification</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Previews" class="mention hashtag" rel="nofollow noopener" target="_blank">#Previews</a> Is the sticky thing stuck? Is the snappy item snapped? · A look at CSS state queries and JS scroll snap events <a href="https://ilo.im/1604k4" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1604k4</a>_____ <a href="https://mastodon.social/tags/Scrolling" class="mention hashtag" rel="nofollow noopener" target="_blank">#Scrolling</a> <a href="https://mastodon.social/tags/ScrollSnapping" class="mention hashtag" rel="nofollow noopener" target="_blank">#ScrollSnapping</a> <a href="https://mastodon.social/tags/StickyPositioning" class="mention hashtag" rel="nofollow noopener" target="_blank">#StickyPositioning</a> <a href="https://mastodon.social/tags/StateQueries" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateQueries</a> <a href="https://mastodon.social/tags/AnchorPositioning" class="mention hashtag" rel="nofollow noopener" target="_blank">#AnchorPositioning</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

BramusIn 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! 🤩🔗 <a href="https://brm.us/snapped" rel="nofollow noopener" target="_blank">https://brm.us/snapped</a>🏷️ <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://front-end.social/tags/ScrollDrivenAnimations" class="mention hashtag" rel="nofollow noopener" target="_blank">#ScrollDrivenAnimations</a> <a href="https://front-end.social/tags/ScrollSnapping" class="mention hashtag" rel="nofollow noopener" target="_blank">#ScrollSnapping</a>

Frühere Suchanfragen

Suchoptionen

Verwaltet von:

Serverstatistik:

#scrollsnapping