October 2023

Archive

Answers to Common (Web) Design Questions

(In honor of Dan’s zero-nuance takes.) What font-family should I use? Should I use a grid system? Set up grids anywhere you need them with CSS grid. It’s quick to learn and handles the vast majority of layout concerns. Do I need a design system? If you’re making components and using them, that’s your design […]

Exit Animations

How do you animate an element as it leaves the DOM? You can’t, is the historical answer. As soon as an element is removed from the DOM, it immediately disappears, there is no animation opportunity. The trick is to animate it as if it is leaving, wait for the animation is finished, then actually remove […]

Attribute Superpowers Taken All The Way

I mentioned one of my votes for Interop 2024 (there aren’t really votes, just like, my favorites) is for attr() extended capabilities. The point is snagging the value of an HTML attribute in CSS, along with the type, so it can actually be used. If you could do that (reliably), you could do something like […]