Top
Best
New

Posted by ravenical 12 hours ago

Every Frame Perfect(tonsky.me)
426 points | 149 commentspage 4
Topfi 6 hours ago|
Great article, the worst offender is compact tab mode in the current Safari. The animations they implemented make that unusable, sometimes it’ll move tabs away from where the tab was when clicking, the animation always look clunky and the entire experience feels utterly untested. Doesn’t just look poor, but violates quite a lot of HIG rules Apple recommends for third party devs. Maybe something to focus on in a part two of this article.
notglossy 5 hours ago||
Animation should convey meaning, not achieve pixel-perfect morphs between states.

When iOS first launched, some of the brilliance was in how UI elements transformed into one another—a title in the title bar becoming a "back" button on the left, for instance. There were no intricate morphs, just a simple cross-dissolve between two elements shown briefly at the same time. It read as meaningful without being literal.

The Crop/Adjust example doesn't hold up here, because the two modes don't share a focus. The crop animation is deliberately different: it emphasizes the cropping controls at the edges of the image that you might otherwise miss, prepping you visually for the task and tying the controls into the image workspace. Adjust mode has no direct controls on the image itself, so the transition out should differ. The mismatch is the point, not a flaw.

For most UI, you don't need pixel-perfect morphs between small elements. The real job of animation and behavior is to convey meaning and context. Make your transitions pixel-perfect and most people would never notice the difference.

singiamtel 6 hours ago||
This blog makes me appreciate my browser's reading mode
renox 8 hours ago||
Bah, each time someone say this they "forgot" that one side effect of 'every frame is perfect' is that it can increase latency.. Perfection or latency? That should be the user's choice not the developer's..
beeb 5 hours ago||
All I can think seeing those examples is how macOS went from beautiful to utterly jank in the last 10 years.
Animats 5 hours ago||
Now I have to get Ubuntu/Wayland/winit/wgpu/rend3/egui/wine to work.
paytonjjones 4 hours ago||
From a game broadly considered to have industry-best animations: https://imgur.com/gallery/donkey-kong-super-smash-bros-ultim...
the_af 4 hours ago|
What's the imperfection? The eyes are standard (and deliberate) cartoon animation. Or is there something else I missed?
NetOpWibby 4 hours ago||
Thanks, I hate it.
throwaway613746 2 hours ago||
[dead]
vthommeret 6 hours ago|
[dead]