Responsive typography is getting so much simpler. This already works in a couple browsers, and the fallback is minimal: --progress: progress(100vi, 320px, 1200px); font-size: calc-mix(var(--progress), 1rem, 1.25rem); But that will get even better… #CSS codepen.io/editor/miria...

All those universities and companies and organizations and their leaders who are bending the knee and capitulating need to look at today and realize that memory will last a lot longer than the most unpopular administration in history and I hope you all go poor from lawsuits.

Doomerism is a dead end. Organizing and building a world you want to live in is the way. This is why I came back to Virginia.

Working on some new band merch for an upcoming house show. (logos will be white and red when they're done) #pottery

Preparing to film the first module of my new #CSS course. There will also be text for the sickos who like to read. We'll cover the essential features, but we'll also explain how it all fits together (and when it doesn't). Sign up for updates & early access! www.oddbird.net/courses/desi...

we’re creating such a remarkably thorough dystopia

Enjoying a quick browse through the new Design Tokens community group draft spec: www.designtokens.org/tr/2025.10/

Your ability to eat should not depend on your productivity Your ability to get healthcare should not depend on your productivity Your ability to get housing should not depend on your productivity Saying “be more productive!” To those who are struggling devalues human life. It aids fascism.

There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout. - Since it uses many of the grid-* properties, `grid` will be in the name somewhere - We don't use metaphors in CSS names, so `masonry` is not listed here docs.google.com/forms/d/e/1F...

Late stage capitalism means you too can own stocks in Auschwitz.

One of the porcelain pieces that came out recently - a vase shape I've had in mind for a while. Might revisit this at some different sizes.

Winging It in 30m: www.youtube.com/watch?v=2RcF...

Your political loyalty must be to principles, not politicians! I don't know how to explain this basic thing to people who do not understand it.

Tomorrow @stacykvernmo.com & @sondrae.bsky.social will be Winging It Live with @clayton.social.coop.ap.brid.gy to take on Bad UX Design Patterns. Join live, and bring your UX questions! I'm excited for this one, and I get to watch it. :) 1pm ET / 10am PT www.youtube.com/watch?v=2RcF...

The only transformation I have seen is otherwise competent developers losing skills and absolutely embarrassing themselves with their newfound lack of critical thinking

I am never ever fucking EVER getting over these fuckers just driving around snatching our neighbors off the street.

I'm thrilled folks are discovering `<output>`: • denodell.com/blog/html-be... • matthiasott.com/notes/the-ht... I still refer people to Scott’s 2019 explainer: www.scottohara.me/blog/2019/07... I have a year-old test page if you want to try it: codepen.io/aardrian/pen... #HTML #accessibility

“It is accepted and expected that the user will make changes to how content is displayed.” — @press1forjosh.bsky.social #A11yTOconf #a11y

The #CSS WG is trying to name several properties that do similar things. One controls the length of a text-decoration line in relation to the text, the others control 'rule' lines in grid/flex/multi-column gaps. Leave your feedback! (Note the poll spans two comments): github.com/w3c/csswg-dr...

Had a smashing time at @smashingconf.com last week, meeting people & nerding about #CSS value resolution. Now back to the video course. Aiming to launch a first module in Jan/Feb! From grids/alignment to guaranteed invalid values – sign up for updates & discounts: oddbird.dev/courses/desi...

Matt Levine points out the OpenAI's current business model is basically what you'd expect if you asked ChatGPT for a business model, because ChatGPT learns everything it knows from the web:

We honor the legacy of Miss Major Griffin-Gracy, a fierce protector of our collective freedom. Our hearts are with her loved ones and all who carry her vision forward. "We will honor Miss Major forever." - @imarajones.bsky.social

Pitch: a new reality tv show called Of Course It's Cake, It's Fucking Always Cake

I wrote a little about some of the little details you might have missed in this video and why it hit me so hard as a trans person this morning: www.burnsnotice.com/you-have-to-...

Four days till @smashingconf.com – I'm excited to see some of you there! I'll be talking about CSS variables & type safety. I also have a workshop on Modern CSS Architecture: smashingconf.com/ny-2025/work... (And if you can't join in NY, reach out – I'm happy to tailor a workshop for your company)

If you work in web standards, you RFC 2119 MUST read this article. alice.boxhall.au/articles/a-t...

Here’s the Open Collective for @servo.org: opencollective.com/servo

In addition to the CSS Tips & Tricks series, we run a monthly show called Winging It LIVE. We interview experts and dig into front-end web development. Topics range from htmx to #CSS to #UX to fluid type and more. All Ep: www.youtube.com/@wingingitod... htmx Ep: www.youtube.com/playlist?lis...

If you're into new browser engines free from corporate control – maybe skip the latest 'benevolent dictator', and check out @servo.org They have nightly snapshots you can install, and they're rolling out new features regularly: servo.org

I re-created Open Props shadows with the new CSS `@function`. This spec is wild ♥️ and it solves problems we’ve been chasing in CSS for years. Demo 👉 codepen.io/mobalti/pen/... cc @miriam.codes @tabatkins.com @bram.us

Clearly the "G" in the free mason symbol stands for "grid"

Isn't all programming just somewhat secret, disturbing rituals?

In this month's OddNews, @miriam.codes intros new options to help developers dealing with tech debt & tedious maintenance tasks. @stacykvernmo.com demos The BEST way to work with shape-outside. Learn about Poetic #CSS, and subscribe to OddNews for a discount on consulting. www.oddbird.net/oddnews/

Give that new CSS layout mode some extra mystique by calling it Masonic Grid. And then create secret (somewhat disturbing) rituals for invoking it.

a first prototype, on commission thrown in two parts, then joined while trimming

... and if I were to ask you "Who would you like to see speak at CSS Day 2026", what would your answer be? Name as many names as you like. I'd like to hear about people who aren't that well known yet.

I've talked to many teams struggling with #CSS – still, after trying the branded answers: utilities! obscure-naming_conventions! frameworks! You don't need all that. Learn to work with the language. Need help? Schedule a call, or bring me in to tailor a plan: oddbird.dev/services/arc...

FINE I'LL BLOG MINE jeez. frontendmasters.com/blog/the-coy... Seriously though — this is fun! Critique it!

Wrote for @thenation.com about the complicity of some liberal politicians and pundits in the conservative campaign to exterminate trans people www.thenation.com/article/poli...

"This is the reality of being trans in Trump's America. Every single one of my trans friends has an escape plan..... This shit is dire and beyond our control." Yeeeeeeeeeeeeep.

A recent post by @miriam.codes where she looked at why `box-sizing` shouldn't be inherited got me wondering if we even need to reset it to border-box in the first place... youtu.be/PtAcpV6TAGM

Autistic people are awesome and vaccines can't make you one of us. - Originally posted on Twitter on Dec. 7, 2016.

Been saying for a whole decade, the message needs to be: Vaccines don't cause Autisticness, and also Autistic people don't need to be prevented.

Being Autistic is not a bad thing.

i have to say, as a trans journalist who has covered the "trans debate" for about a decade now, there is no daylight between how the trump administration and conservatives lie about tylenol and autism and how they've lied about youth trans care.

For spacing values on a website – is it better to respond to font-size, or available space, or stick with static units? You don't have to choose! Sometimes the best unit in #CSS is a combination – with calc()/clamp() or min()/max() or round() & other math functions. www.oddbird.net/2025/09/23/t...

When these shitty Dems advance their careers it hurts us. It ALWAYS hurts us. They are not conceding something of no value to cleverly gain room to maneuver, they are sacrificing our equality for their advancement.

Hakeem Jeffries needs to be jobless. Primary his bitchass before his cowardice makes things even worse

One of the key ways you refuse to comply with fascism is by becoming even louder and more fearless in supporting vulnerable people. You SHOW that you are unwilling to throw the "undesirables" under the bus if only for self-preservation because under fascism you will also become undesirable one day.

There's one CSS 'rule' I always come back to – the heart of what I'm calling Poetic CSS: What are we trying to express, and how clearly can we express it? There's no best unit, best layout mode, or best selectors – only the ones that express our goals most clearly. Use the whole language. #CSS