Before Apple introduced autolayout, their technique was called “autoresize” and “struts and springs” which required code for anything other than a simple layout, but was much easier to understand.
Relative animation will be possible with the CSS Animations 2 spec, but I think it would benefit from a `relative` keyword with different defaults- `accumulate` compositing, `backwards` fill, and easing `cubic-bezier(.5, 0, .5, 1)` that spans all keyframes https://drafts.csswg.org/css-animations-2/#animation-composition
Relative CSS Animations are a game-changer, bringing interruption and blending to what previously didn’t work very well with user interaction. Compare the third from the top to the fifth from the top. You can view the source but it won’t work in any browser except mine unless it gets standardized by the W3C https://codepen.io/kvndy/pen/KKPOmEJ
I’m trying to add a few features to the web, a Web-Animations property and a CSS Transition property. I’ve made proposals to the W3C before but they were ignored, so I’ve added them directly to Firefox and will fork their respective specs as well.
The Timers’ notorious live set https://www.youtube.com/watch?v=4AlYVqbyWwU
Recommended for you
The social network of the future: No ads, no corporate surveillance, ethical design, and decentralization! Own your data with Mastodon!