I went down a rabbit hole trying to understand and visualize how fluid typography calculations work in #CSS. Here's a video and interactive codepen with the results:

OddBird

Visualizing Responsive Typography

What do all the numbers in our clamp() do?

Adjust the values to see how they impact the rate of change, the viewport-size range, and page zoom!

I worked college summers on electrical crew. Even then, the staff electrician who trained me was just vibe wiring his way through dorms. We'd come behind & fix his work. The attitude isn't new, but I never expected hype for incompetence. I hope there's always work for people who do the fixing.

welp

Ok, we have a clamp() function. Take any value and clamp it between a min and max. But what if we had an un-clamp() function? Take any value, and imagine if it was unconstrained. What value *could* it be instead, living it's best authentic life? No responsibilities - no mortgage, and no boss. Let your CSS values explore their true passion with un-clamp().

Just start every take with "as a moderate…" so people know not to question me

Having now left JSHeroes, I've decided that I should provide an alternative for the JSVillains. CFP is open, please submit topics. Coming soon: CSS Night

10 years today with this handsome and kind absolute weirdo (and 1 year living in our new place last week)

It's 2025 and Firefox is still the only major browser with full-featured font and flexbox inspectors.

Seeing a lot of posts about generating OpenGraph images for 11ty posts, and suddenly realized my new approach will fail. I generate an html page, and I just want to snapshot that page in a build step. Right now it's looking for a URL, but (obviously) the URL doesn't exist yet. That's the point. But all the other approaches involve non-html image generation, or HTML/CSS limitations. And I don't want to do that. I just want my thing to work, please. Thanks.

We're giving away a free ticket to the CSS Layout Workshop. To be entered in the drawing, comment below with… - A question you have about CSS layout - Or a fun demo, trick, or snippet of CSS The winner will be announced on Friday, April 18! #css

OddBird

Cascading Layouts

A workshop on resilient CSS layouts