Sign in

Mia [data-css=poetic]

@miriam.codes
9.3K followers 707 following 1K posts

A person who enjoys creating & does not enjoy fascism. No cops, no cages, no borders. fuck ICE. 🏳️‍⚧️ Queer art & code @ MiriamSuzanne.com ☕️ Pottery @ art.MiriamSuzanne.com 🕸️ Web dev/teaching @OddBird.dev 💅 CSS @ W3C Working Group

PostsRepliesMedia
Mia [data-css=poetic] @miriam.codes · 28/09/2026
Let's talk about Resilient & Maintainable #CSS – I'll be leading a 5-day online workshop over the next three weeks (Thursdays & Fridays) through @smashingconf.com. Use this link for a discount: ti.to/smashingmaga... (scroll down to find the right course)
ti.to
Smashing Online Workshops
Meet practical and friendly online workshops on front-end, design & UX. Boost your skills online, with actionable insights by experts in the industry, live. 👩‍💻 Find all workshops at https://smash...
0103
Mia [data-css=poetic] @miriam.codes · 28/09/2026
I've been an Alignment Engineer this whole time.
160
Mia [data-css=poetic] @miriam.codes · 28/09/2026
Autonomous Agents and Self-Made Men In this talk I will…
080
Mia [data-css=poetic] @miriam.codes · 27/09/2026
I sold one (1) mug at a market today. Anyway, here's the raku vase I finished yesterday.
A bottle with a flared base tinged blue-green from oxidized copper, a black-then-white swoop of bare clay on walls sloping in towards the neck, and then glossy white crackle glaze. The cracks have only blacked in very specific places – a circle near the base, along the shoulder, and around the rim.
5590
Mia [data-css=poetic] @miriam.codes · 23/09/2026
There is no layout in a flexbox layout. Grid layout is the only layout that has an actual layout. (Repeat that as you fall asleep, I guess.)
4190
Reposted by Mia [data-css=poetic]
OddBird @oddbird.dev · 21/09/2026
Explore which dev tools are best for troubleshooting specific issues with @miriam.codes & @stacykvernmo.com in this Winging It ep: www.oddbird.net/2026/07/23/w... TRIVIA: Firefox is the winner for addressing this issue. (Can you guess before you watch?) In Aug OddNews mailchi.mp/oddbird/full...
oddbird.net
Inspecting Inspectors
Miriam and Stacy troubleshoot an issue with the dev tools available in each browser, exploring the differences and what each browser's tools do best.
142
Mia [data-css=poetic] @miriam.codes · 18/09/2026
I keep making these light jars, and people keep asking for them. That's a fun little exchange we have going on, me & people. This one came out the other night, with various other shapes in progress. (Still figuring out how to photograph lights) #pottery #art art.miriamsuzanne.com/product/pott...
art.miriamsuzanne.com
Hourglass light jar
Art by Miriam Suzanne, made by hand in Denver, CO.
0141
Mia [data-css=poetic] @miriam.codes · 18/09/2026
A quick look at creating CSS shapes with the path inspector in Firefox: youtu.be/aI4rqV2b7BY That's clipped from one of my past workshops, but I have another one coming up soon. Let's talk about writing maintainable #CSS! smashingconf.com/online-works...
youtu.be
Flow text around different shapes in CSS
YouTube video by Winging It
181
Mia [data-css=poetic] @miriam.codes · 18/09/2026
"LLMs are a product that destroys its supply chain." –Microsoft And the theft is ongoing, because LLMs become irrelevant without it. It's not a past failing, it's the entire business model. www.404media.co/doom-loop-op...
404media.co
‘Doom Loop’: OpenAI and Microsoft Admits LLMs Are Destroying the Web and Built on Theft
"Millions of people around the world will soon consider large models ‘hoovering up’ all their work to be an astonishing theft of unprecedented proportions."
23311
Reposted by Mia [data-css=poetic]
jaguarr 🐆 @the-jaguarr.bsky.social · 18/09/2026
Unsustainable. www.gadgetreview.com/u-s-data-cen...
gadgetreview.com
U.S. Data Centers Will Soon Out-Consume Nearly Every Nation on Gas
U.S. data centers could consume 15 billion cubic feet of natural gas daily by 2035, rivaling entire national economies and raising power-sector emissions 20%.
22516
Reposted by Mia [data-css=poetic]
Julia Serano @juliaserano.bsky.social · 16/09/2026
...Assumption #4 has been driving me batshit, yet no one seems to realize it: if you're worried trans ppl might potentially harm your Dem candidate's chances, then YOUR CANDIDATE MADE A BAD DECISION! so why not join us in trying to get them to reverse position? juliaserano.medium.com/on-democrats...
screenshot from linked-to essay that reads:
Assumption #4: The elephant in the room that no one is talking about
There is a striking disconnect between Talarico, Turek, et al. — who have clearly made a political calculation that abandoning trans rights will help them more than it will hurt them in this election — and the many cisgender liberals I’ve encountered online who are absolutely freaking out over the possibility that trans people’s critiques and protests will ultimately tank said candidates.
Both of these things cannot simultaneously be true!
If you think your favorite candidate enacted the correct political strategy, then there is no reason to berate trans people for protesting it, as those protests should already be baked into your candidate’s calculations. So why are you berating trans people then? (Unless, of course, you enjoy berating trans people just for the sake of it.)
Alternatively, if you think trans people *are* capable of tanking your favorite candidate via our criticisms and protests, doesn’t that imply that your candidate (and their consultants and strategists) totally fucked up in their political calculations here? And if they did fuck up, shouldn’t you be reaching out and complaining to *them* (rather than berating trans people), in the hope that they might reverse their bad decision?
5624201
Reposted by Mia [data-css=poetic]
Geoff Graham @geoffgraham.me · 14/09/2026
📝 Why CSS-Tricks Has Been Quiet Lately (cc: @digitalocean.com @css-tricks.bsky.social ) geoffgraham.me/why-css-tric...
geoffgraham.me
Why CSS-Tricks Has Been Quiet Lately - Geoff Graham
Because I haven't published anything to it since August 31. And no one else has either. That's not a super long time to go silent but it is for a site that
811330
Reposted by Mia [data-css=poetic]
Manuel Matuzović @matuzo.at · 18/09/2026
“Accessibility is resistance!” by @tink.uk tink.uk/accessibilit...
tink.uk
Accessibility is resistance! - tink
Léonie Watson's personal website. Writing about the web, accessibility, and other things.
0143
Mia [data-css=poetic] @miriam.codes · 18/09/2026
Schrodinger's engineers say their geiger counter wired to a hammer over the poison vial might decide to kill some cats. Obviously there's only one way to fix the problem. We urgently need to improve the moral alignment of the geiger counter, so it makes the right choice!
0201
Reposted by Mia [data-css=poetic]
Erika Hall @erikahall.bsky.social · 17/09/2026
"this non-deterministic system is doing things we can't totally predict"
static.klipy.com
Facedesk
Alt: Facedesk cartoon slam slam slam
2344
Reposted by Mia [data-css=poetic]
Erika Hall @erikahall.bsky.social · 17/09/2026
It is truly wild to see a software company do press releases about their software being shitty, unpredictable, and unreliable like that's a good thing. We have a word for this, and it's malware.
113633
Reposted by Mia [data-css=poetic]
Erika Hall @erikahall.bsky.social · 17/09/2026
Hey assholes, make better software.
56311
Reposted by Mia [data-css=poetic]
Melissa Gira Grant @melissagiragrant.com · 17/09/2026
something is only a “culture war issue” to you if you think it’s not about you; otherwise it’s just “politics” or (maybe) “life”
339892
Reposted by Mia [data-css=poetic]
Anthony Moser @anthonymoser.com · 17/09/2026
hot take: it matters how things work if you are making things for other people, you should know how those things work "but then a lot of things wouldn't get built" yes correct
410819
Mia [data-css=poetic] @miriam.codes · 16/09/2026
I've heard that CSS subgrid is difficult to progressively enhance – and I disagree! Here's how I create subgrid fallbacks with one small addition. youtu.be/2ESqkg20JaE Join my @smashingconf.com workshop for more maintainable CSS! smashingconf.com/online-works... #CSS
youtu.be
CSS Progressive Enhancement with Subgrid
YouTube video by Winging It
03210
Mia [data-css=poetic] @miriam.codes · 09/09/2026
I've enjoyed re-visiting "we created life & it killed us" fiction, asking "what if it's hype"? For the most part, the stories still work. Skynet could use a basic decision tree & still launch the nukes. But Dr. Frankenstein becomes an excellent unreliable narrator. Maybe he's lying the whole time?
000
Mia [data-css=poetic] @miriam.codes · 03/09/2026
CSS has changed dramatically in the last 6 years, but always building on core principles of resilience & design systems. Join me in October for a 5-day (3-week) @smashingconf.com workshop about how it all fits together, and how to make it work for your team: smashingconf.com/online-works... #CSS
smashingconf.com
Cascading Style Systems: Resilient & Maintainable CSS — Online Workshops
If you ever feel lost in the CSS weeds, wrestling with the cascade, or you just want to improve your workflow with modern, efficient, and maintainable stylesheets, then this workshop is for you!
0298
Reposted by Mia [data-css=poetic]
Kevin Powell @kevinpowell.co · 02/09/2026
One of the most annoying things since we started styling stuff is when you declare equal padding on the top and bottom of a button or other single-liner, and the spacing isn't equal. Finally, we have a solution with text-box-trim and text-box edge, which are now available in all browser engines!
youtu.be
This CSS property fixes a problem as old as CSS
YouTube video by Kevin Powell
1586
Mia [data-css=poetic] @miriam.codes · 29/08/2026
New butter bell design?
a squat clay jar in my hand, still leather hard and unfired. The phrase 'trans fats' is hand carved on the side, trans in a sort of slab serif that curves up and over a condensed sans-serif all-caps fats.
0271
Mia [data-css=poetic] @miriam.codes · 27/08/2026
This is a clear result of the cascade resolving (shadow) context before considering element attachment – but I had never tested it before. Interesting. You don't need importance to override inline styles. You can (let's say "just") use a parent context instead! codepen.io/editor/miria... #CSS
codepen.io
Context overrides element-attachment
A code demo by Miriam Suzanne created on CodePen
010
Reposted by Mia [data-css=poetic]
Greg Pak @gregpak.net · 19/08/2026
Kalshi and Polymarket are bullshit sites for scammers and should be put out of business. Shame on every "legit" institution that's partnered with them.
019137
Mia [data-css=poetic] @miriam.codes · 18/08/2026
I haven't been following the light/dark toggle discussions, but my uninformed take is pretty simple: Stop Acting Like Design Decisions Have A Correct Answer (and then stop acting like the correct-answer machine is a real thing worth building)
1705
Mia [data-css=poetic] @miriam.codes · 18/08/2026
I love "it's just a tool" but we're talking about products with a brand name, while shoveling money in and hoping they give us the good payout. Levers are a tool. Slot machines are a product.
2578
Mia [data-css=poetic] @miriam.codes · 13/08/2026
I had a lovely (very full) weekend working with these guys to help pull off their public performance: www.cpr.org/2026/08/13/l... They've been rehearsing for a year, but we only had two days in the gym – to set up, program cues, rehearse with tech, perform 4 shows, & load back out.
cpr.org
Inside a prison theater performance of the courtroom drama, ‘12 Angry Men’
A group of inmates spent a year learning and producing the play for other inmates as part of a prison program.
0182
Reposted by Mia [data-css=poetic]
OddBird @oddbird.dev · 12/08/2026
If you’ve got questions about how #CSS Grid Lanes work… …so did we! This long debated solution for masonry layout is now available. Follow along as @miriam.codes & @stacykvernmo.com work out how to use it. www.oddbird.net/2026/06/18/w... In June OddNews us19.campaign-archive.com?u=80219aa68d...
oddbird.net
Grid Lanes -- The Future of Masonry Layout
This long-debated solution for masonry layout is now available and it's time to figure out how to use it. Join us for a deep dive into the workings of Grid Lanes.
052
Reposted by Mia [data-css=poetic]
Tobias Fedder @tfedder.de · 31/07/2026
Based on the first module of the course, I am confident that the full course will be worth the full price. But if you‘ll buy it anyway, why not get it for less now? bsky.app/profile/miri...
032
Mia [data-css=poetic] @miriam.codes · 31/07/2026
Today is the last day to get early bird pricing for the Poetic CSS course! Learn to write & review CSS with confidence. The first module is live, with more coming through the summer & fall. Get the full course as it's ready, without waiting to pay full price: courses.oddbird.net/poetic-css/ #CSS
courses.oddbird.net
Poetic CSS
Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.
1125
Reposted by Mia [data-css=poetic]
Arby @mobalti.bsky.social · 31/07/2026
Wrote a post about combining CSS shorthands with custom properties to encapsulate related system tokens. mobalti.com/the-power-of... #CSS
mobalti.com
The Power of CSS Shorthands in the Era of Custom Properties | Arby @mobalti
Encapsulating System Tokens with Shorthand Custom Properties.
192
Reposted by Mia [data-css=poetic]
Ana Tudor @anatudor.bsky.social · 23/07/2026
picker and measuring a portion of the page (not an element, can measure parts of an image) in Firefox DevTools, always switching to Firefox for those
Screenshot highlighting the two tools mentioned in the post.
041
Mia [data-css=poetic] @miriam.codes · 23/07/2026
Going live in ~30m, see you there!
010
Mia [data-css=poetic] @miriam.codes · 22/07/2026
Planning some yeti-lid-friendly tumblers, but I need to get the dimensions precise. These sauce bowls are trimmed to 1/16th-inch steps, to test shrinkage for this clay & glaze. Looks like I'll be aiming for 3 7/16" inside diameter after trimming. 😅 (3 10/16" ID wet)
140
Mia [data-css=poetic] @miriam.codes · 18/07/2026
It seems like a shipping-address form would be make a good standalone web component. I don't suppose one already exists?
240
Mia [data-css=poetic] @miriam.codes · 16/07/2026
Back in the studio #pottery
0220
Mia [data-css=poetic] @miriam.codes · 14/07/2026
Next week, @stacykvernmo.com and I will be looking at dev tools again – talking about which browser we go to in which situations. Is there an inspector feature that you'll always switch browsers to use? Let us know! And join our live stream for an overview: www.youtube.com/watch?v=INqy... #css
youtube.com
Inspecting Inspectors: What each browser’s dev tools do best
YouTube video by Winging It
1122
Mia [data-css=poetic] @miriam.codes · 12/07/2026
Product idea: You know how people sell stickers to cover the "recording" light on meta glasses? Well I sell just a "recording" light to put on normal glasses without any camera. No surveillance, it just comes on at random times to uh… huh. There might be problems with this idea.
0140
Mia [data-css=poetic] @miriam.codes · 09/07/2026
video podcast idea: you review my personal project JS code, and I review your personal project CSS
3180
Reposted by Mia [data-css=poetic]
Eric Portis @ericportis.com · 06/07/2026
The features @miriam.codes has helped bring to CSS (Cascade Layers, Container Queries, Scope) have been rooted in a deep understanding of CSS’ _ethos_. They try to close the gap between how CSS could be used, and how it commonly is. If you want to close that gap in your own work (I do!), sign up
093
Reposted by Mia [data-css=poetic]
Josh W. Comeau @joshwcomeau.com · 01/07/2026
This launches later today, and you should absolutely sign up! Miriam has an absurdly deep knowledge of CSS, and her teaching style is phenomenal. 💯
0184
Reposted by Mia [data-css=poetic]
Schalk Neethling @schalkneethling.com · 03/07/2026
Poetic CSS | Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget. | courses.oddbird.net/poetic-css/ @miriam.codes
courses.oddbird.net
Poetic CSS
Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.
022
Reposted by Mia [data-css=poetic]
Dave Rupert @davatron5000.bsky.social · 03/07/2026
I consider myself a person who knows a lot about CSS... but @miriam.codes' knowledge eclipses mine by ~10,000%. She brings an artistry to the discipline of authoring CSS and I'm sure anyone – whether newbie or old-timer like myself – can learn a lot from her course.
03211
Reposted by Mia [data-css=poetic]
Tobias Fedder @tfedder.de · 03/07/2026
Turns out you can just save the glowing testimonials for after you buy the course. Truly a no-brainer.
042
Reposted by Mia [data-css=poetic]
⭑ salma @whitep4nth3r.com · 03/07/2026
Hi, friends. The last 6 years have been a blast, but I just don't like being on The Internet anymore. I'm leaving DevRel, and I wrote a little bit about why. Look after yourselves, and each other. Love, Salma
whitep4nth3r.com
Goodbye, forever, probably.
I’m leaving developer relations and developer education. Rather than disappear completely unannounced, I wanted to tell you why.
12361763
Reposted by Mia [data-css=poetic]
Andy Bell @bell.bz · 03/07/2026
New on the blog: bell.bz/youll-miss-t...
bell.bz
You’ll miss the soul when it’s gone
Pretty grim day of news in the industry today, with Salma Alam-Naylor stepping away from developer relations work permanently, Josh Comeau taking a sabbatical from making courses and GSAP’s once-vibrant forums descending into a ghost town. The reason your token guzzler “produces” anything that could be described as “good” is because of the years of […]
39830
Reposted by Mia [data-css=poetic]
Alejandra Caraballo @esqueer.net · 02/07/2026
This here is the entire crux of the issue. We had sensible regulations requiring years of testosterone suppression and hormone therapy to play in women's sports. This had not been a problem for nearly twenty years, including at the olympics. Then the right made it one by straight up lying about it.
151883430
Reposted by Mia [data-css=poetic]
Andy Bell @bell.bz · 02/07/2026
I’ll use the quote I did for this page. Miriam has a unique talent of being extremely technical with CSS but communicates that so seamlessly and so inclusively that regardless of what level you’re at now, you’ll be so far beyond that when you learn from her. A true super talent. A bargain!
0157