CSS uses a complex algorithm to decide how to animate transforms. If you get it wrong, as many folks do, you end up with an unnatural animation. Here's how it works, and how to avoid the pitfalls.

Well I had fun.

Some folks have suggested that my alternatives are too disruptive compared to footnotes. Here are my thoughts on that, as I think it's optimising for the wrong kind of reader:

An exploration of how footnotes work on the web, and alternative patterns that don't have the same UX issues:.

The fundamental problem with footnotes is you're given link text like ². We accept that "click here" is bad link text, but ² is even worse. Footnotes were designed around the limitations of print media, and those limitations don't exist on the web. We can do better.

I hate footnotes, especially on the web, and hopefully by the end of this, you will too.

RT @OrdinaryInds: At Apple, we found that when both buttons are the same size, people were 30% more likely to oversleep. During testing, we….

RT @bramus: We’re working on something called Nested View Transition Groups … and we need your feedback!. See the questions listed in the r….

RT @DasSurma: 📝 First blog in a long time!. I always like “flow-based” programming, and it’s a very powerful paradigm. LangGraph lets you c….

yes I spent the first day of unemployment writing a CSS blog post. What of it?.

Last week was my last at Shopify. It was a fun couple of years, and I left a much better engineer than I arrived, thanks to some lovely people. I've already got the next thing lined up, which I'm really excited about. But first, a little time off 🏝️.

@ShopTalkShow I last appeared on @ShopTalkShow in 2015 Already looking forward to 2035.

I popped onto @ShopTalkShow to chat about the challenges of an "HTML include" web platform feature. ➡️ Video .➡️ Podcast

I suddenly feel less embarrassed about every Twitter spat I ever had.

RT @Una: Great CSS trick documented by @shadeed9 for showing conditional border radius (border radius on desktop, none on mobile). border-r….

I cannot figure out the intent of this. I know the meme(s), but…?.

RT @wesbos: ITS HAPPENING. Firefox 127 shipped today making it the first browser to support Temporal - the new API for working with Dates,….

RT @_developit: We released the initial version of our UI toolkit. It's web components that work everywhere. Internally they are built usin….

RT @Una: Legend has it: if you become a meme they let you on the big stage 😆. #GoogleIO . 2024 ➡️ 2025

RT @firt: Did you realize most of the apps coded with AI that we see on presentations are just web apps?. Publishing something in seconds w….