✳flâneur — a map of the web's best reading
Crashing cars and improving hover detection | Motion Magazine
motion.dev · 2,220 words · saved by 1 readers
Fast pointer movements can skip over elements, breaking hover detection. The surprising solution can be found in game development.
I'm going to show you an effect that you'll recognise immediately, perhaps without ever having paid it much attention. Take any collection of elements that react to hover: a list of menu items, swatches in a colour picker, squares in a grid. Now quickly swipe your cursor across them: In real life, your hand moves across your desk, or your finger across the screen, in a continuous, unbroken motion. But this isn't reflected in the example above. Here, lights in the path of motion are switched on seemingly at random. Move slower, and you'll see that every element lights up, and the faster you swi
Explore this link on the map →saved by
related reading
- Transitionsanimations.dev
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Sorrel Salb | Are.naare.na
- 60fps - UI/UX animation inspiration for mobile & web apps60fps.design
- Inside Framer's Magic Motionnan.fyi
- Intersection Observer API - Web APIs | MDNdeveloper.mozilla.org
- Cheng Lou on X: "My dear front-end developers (and anyone who’s interested in the future of interfaces): I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at https://t.co/BKnwCDIp75" / Xx.com
- Bastiat's famous Candlestick makers' Petitionbastiat.org
- Log In to Just JavaScript | Just JavaScriptjustjavascript.com
- will-change in CSSjakub.kr
- Liquid metal — Animated metal shader effectmetal.jakubantalik.com