iiinova — where your digital self keeps evolving

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 · 24/09/2026

I mean, flex items optionally wrap onto lines. It's technically not nothing. But it's the robust internal layout structure that makes grid powerful, and "2d" in more ways than just columns & rows, and possible to define in one place. While flex items have to work it out amongst themselves.

160

Mia [data-css=poetic] @miriam.codes · 24/09/2026

Both result in items laid out on a page. But a grid is an actual structure between the parent & siblings. Elements don't relate to each other, they relate through the grid. Flex items, like floats, are more just sloshing around in there. No internal layout structure to push off of, just elements.

140

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 · 21/09/2026

Unreported: programming doctors originally thought it was a boy language, but some of us gender ideology radicals got on the working group and transed up the whole language. 🤷🏻‍♀️

1130

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

Way too many people out here happy to "set aside the ethical considerations" indefinitely forever. Just don't worry about it, focus on new efficiencies. Gotta move even faster, if we want to break all these things.

0110

Mia [data-css=poetic] @miriam.codes · 18/09/2026

If you want to claim technology is neutral and what matters is how we use it… this is it. This is the "how we use it" part. These are brand name products built by companies, so ~5 of the worst men on Sir Tim's world wide public domain web can sell our own Redit posts back to us for profit.

1131

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]

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

Mia [data-css=poetic] @miriam.codes · 18/09/2026

Sorry friend, this is enraging. Hope you're doing well.

040

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 · 31/08/2026

wow that is unfortunate, but worth the tradeoff maybe?

000

Mia [data-css=poetic] @miriam.codes · 31/08/2026

Clever! I don't think you need the & block: <style>@scope { opacity: 0; }</style> Declarations are allowed directly in a scope rule, and apply to `:where(:scope)`

170

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

Sure sure, but counter point: an exact number of users (us) are users exactly like us. :) So keep that in mind too. And the users on your site might be different from the users on my site. There's no universal user, and they aren't entirely not me.

0122

Mia [data-css=poetic] @miriam.codes · 18/08/2026

My job as a designer is not always to make everything super simple and opinionated and correct, handed down on tablets from above – but to give people agency, and make complex choices approachable as part of an interface.

2322

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

Reading from my notes here "they couldn't have built the pyramids without using levers" so uh my sincerest apology to slot machines. I had no idea.

060

Mia [data-css=poetic] @miriam.codes · 18/08/2026

Sorry, sorry. My lawyers are telling me to acknowledge that levers work and are useful. Eyeroll.

1100

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 · 15/08/2026

They're taking over Denver now, and I don't have enough lighter fluid.

100

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

Mia [data-css=poetic] @miriam.codes · 09/08/2026

It stalled in the HTML spec process, if anyone wants to help push it through. I don't have capacity for it right now, but it's such an essential feature.

010

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