A log about animation, interaction, and the small tricks that make a screen feel alive instead of merely correct. It started in the Flash days and never stopped moving.
Tools change, the physics does not. A button still has to feel clickable, a menu still has to arrive without startling anyone, and easing is still the difference between polished and cheap. We write about all of it.
Why linear animation looks broken to the human eye, what easing actually is, and how to make something arrive on screen like it meant to.
Buttons, menus, states, and feedback. The unglamorous plumbing that decides whether an interface feels responsive or dead.
Step-by-step builds, kept honest. Some are ancient ActionScript that taught a generation to code. The ideas outlived the runtime.
Old experiments, dead formats, and the occasional obituary for a technology that deserved better. History, but the useful kind.
Nothing in nature moves at a constant speed, and nothing that does looks alive. The entire job is teaching a rectangle to accelerate and then think better of it.
Transition or @keyframes? The one-line difference, the two default-0s traps that silently break both, and how to finally transition display:none…
Read it →How CSS @keyframes work: from and to versus percentages, sharing one rule across stops, the implicit keyframes you never typed,…
Read it →Build a CSS countdown: a draining SVG ring, a conic-gradient sweep, and digits that tick down with @property and steps(),…
Read it →