4 ms·
> Instead, we can create the illusion of a changing height by using two rectangles, applying translate to each. Its a very clever solution and props to the eng
by Quarrelsome 1y ago
> Instead, we can create the illusion of a changing height by using two rectangles, applying translate to each.
Its a very clever solution and props to the engineer, but this being the fix makes me truly despair at where we are as an industry around web UI. That html and css won despite these sorts of counter-intuitive horrors.
UI layers that make me feel good reflect intent. I can take an image and write some code to darken that image (any image) and show that to the end user. It makes sense. However, in html+css I have to introduce a third element, another rectangle, slap it infront, paint it entirely black and set its opacity to something low. Sure, it works the same but it just feels so conceptually ugly.
- andoando 1y agoI had a similar problem trying to animate a book flipping pages. At the half way point I had to update the text to show the backside and update the back pages. However no matter what I did, I could not get the update to sync correctly with the page being exactly half way. There's probably a solution but I just gave up
- lelandfe 1y agoIt’s literally the sliding doors technique from, uh, two decades ago https://alistapart.com/article/slidingdoors/ https://alistapart.com/article/slidingdoors/
- ryandrake 1y agoIt's like building a space station with sticks and rocks.