Last week, the CSS WG resolved to add an inline if() to CSS. But what does that mean, and why is it exciting?

The CSS WG resolved to add if() to CSS, but that won’t be in browsers for a while. What are our options in the meantime?

The experimental CSS function calc-size(auto) can be used so that transitions and animations can go from zero to this value. But that is unlikely to be the final syntax! ⚠️ So be forewarned.

I’ve been wanting to write about ::backdrop for quite some time now. I used to feel very strongly that ::backdrop is an utterly useless API. Thankfully, one of the biggest issues with ::backdrop (inheritance) was recently fixed in all browsers, which means ::backdrop is starting to become more viable than it was in the past.

Some people use the keyboard to get around their computer, whether their laptop or mobile device. Knowing how to do this is important for both accessibility testing and understanding how to design and develop with keyboard-only users in mind.

You know popovers: It’s like when I put a superset number in a sentence and then link it down to the bottom of the post to explain something in more detail which would have been distracting detail to put in the paragraph itself. But “jumping down” like <a href="#footnote-1"> is also distracting. Why not just open the extra information in a little popup?