top | item 47047165

Web UI has no physics. I built one

3 points| ruhith | 14 days ago |ruixen.com

2 comments

order

vintagedave|14 days ago

Reads like it was AI-written, but it has a point. I think the better way would be to propose spring-based animations as a CSS addition.

> Now open your phone. Scroll a list. Pull down to refresh. Tap a toggle. Everything has momentum, friction, resistance.

This is true on the iPhone which implemented spring-based physics from day one. I am curious, is it also true on an Android? I haven't used one for a while.

ruhith|14 days ago

Good point on CSS springs. There's actually been spec discussion around spring() as a timing function but the fundamental problem is springs are durationless, they settle when physics says so, not when a timer expires, and that breaks how CSS animations work under the hood. On Android, yes, since Android 12 the overscroll glow became a stretch-and-bounce and Material You uses spring/fling physics system-wide, less opinionated than iOS but it's there. And fair enough on the AI callout, I did use AI to clean up the writing, the ideas and code are mine though. I'll keep it more raw next time.