Mia (online)'s Avatar

Mia (online)

@miriam.codes

A person who enjoys creating things & does not enjoy fascism. no cops, no cages, no borders. fuck ICE. πŸ³οΈβ€βš§οΈ Queer art & code @ MiriamSuzanne.com πŸ•ΈοΈ Web dev/teaching @OddBird.dev πŸ’… CSS @ W3C Working Group πŸ‘©πŸΌβ€πŸŽ€ Art @ TeacupGorilla.com & GrapefruitLab.com

9,072
Followers
684
Following
831
Posts
11.05.2023
Joined
Posts Following

Latest posts by Mia (online) @miriam.codes

Almost as if our rights our intertwined

10.03.2026 15:19 πŸ‘ 602 πŸ” 221 πŸ’¬ 7 πŸ“Œ 2

πŸ’œ So glad you liked it!

10.03.2026 05:39 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Oh thanks, I'll get it shipped out!

10.03.2026 03:36 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
No cops, no cages, no borders - 12oz tumblers Dimensions: 4.5" h x 3.5" w (approximately 12oz) The problem is deeper than ICE and CBP. We need to reimagine the whole damn system. An...

I've been making "no cops, no cages, no borders" mugs. a couple in stock now, and always happy to make more

art.miriamsuzanne.com/product/no-b...

09.03.2026 22:36 πŸ‘ 23 πŸ” 12 πŸ’¬ 2 πŸ“Œ 1

so my pushback is that: if you know where the break happens, then a media/container query is the clearest way to write it.

but changes that happen at unpredictable size, depending on content - those are the ones where flex or auto-grids work better.

hope that makes sense!

09.03.2026 04:20 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

totally fair points. i don't recommend global breakpoints based on "common" screens either. I think it's a good critique of a real issue.

But any responsive element is changing at some point. If you know the screen/container size where that change should happen… to me thats a breakpoint

09.03.2026 04:12 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

View transitions, anchor positioning, ​@scope, focusgroup, invokers, popovers, container queries, grid, relative colors, style-able selects, and more.

The web feels like it’s getting so good at exactly the moment our collective worst practices are getting calcified as the default.

07.03.2026 17:23 πŸ‘ 163 πŸ” 26 πŸ’¬ 2 πŸ“Œ 0

oh i didn't say without breakpoints, tho that depends on the layout with grids, which do support auto-fit and auto-fill.

But mostly I disagree that breakpoints are bad/harder. Or that hiding the breakpoint inside a flex calc counts as "without" them. it all depends on the goal.

08.03.2026 20:15 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

yeah it's my only real disagreement with their approach. πŸ˜…πŸ€·πŸ»β€β™€οΈ I prefer grid often for the same reason: easier to make it responsive. but the reality is that flex/grid have different mental models. one is inside out, the other outside in. I think it's best to match the logic of the layout in question.

08.03.2026 17:49 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

so at this point it's rigged, if you think about it! 😏

08.03.2026 17:45 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Happy birthday! I hope it's a lovely one.

08.03.2026 15:18 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

most studios around here teach beginner classes, in either wheel throwing or hand building. both are fun, depending the sort of thing you enjoy. Search for classes in your area!

In Denver it's also available through the rec centers.

08.03.2026 15:13 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

lol i always think i look angry, sucking in my cheeks when i focus. but i'll take badass instead! (thanks!)

do you do pottery?

08.03.2026 07:53 πŸ‘ 1 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0
Preview
Super Simple Full-Bleed & Breakout Styles Having a width-limited centered column of content is common and good, but what do you do when you need to break out? It's not hard these days, but it does depend on the situation.

Grid for one column layouts is something I preach all the time frontendmasters.com/blog/super-s...

08.03.2026 06:38 πŸ‘ 18 πŸ” 4 πŸ’¬ 3 πŸ“Œ 0

happy birthday!

08.03.2026 06:11 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

just noticed this is a subtly recursive shot, and that makes me happy

08.03.2026 06:01 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

done trans, am crimes af

#pottery trimming from last week

08.03.2026 05:59 πŸ‘ 45 πŸ” 1 πŸ’¬ 3 πŸ“Œ 0

yes to only the last question

08.03.2026 05:31 πŸ‘ 5 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

i'm excited to see yours!

is all the filming done, or just the first rounds?

08.03.2026 05:18 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

that's true, but honestly I wasn't even thinking at that level of complexity. 1d grids are great! just stacking the parts, and then (nested) arranging the buttons - grid works as well as flexbox. and in place of positioning too!

and for the outer stack, it's already vertical by default.

08.03.2026 05:17 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

writes css, doesn't always *get* css.

big focus on how the pieces fit together, to think about it as a system instead of a grab bag of random stuff to try and see what works.

08.03.2026 05:14 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

yep! finishing up the first module. it's on my mind :)

08.03.2026 04:54 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

looking forward to it!

07.03.2026 22:01 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

haha yeah totally, i expect i would be the same. but i may be in a unique position where grid is the one i know better and would reach for on instinct more often.

07.03.2026 22:01 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Would you hate a country that dropped a bomb on your child's school? πŸ€” Asking for a friend!

07.03.2026 17:40 πŸ‘ 276 πŸ” 53 πŸ’¬ 1 πŸ“Œ 3

lol same, and this would happen to me for sure.

Gotta remember the only keyboard i'm fast on is the laptop built-in

07.03.2026 16:59 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

yeah flex was especially a close mental match with floats, while fixing the worst issues - so people stopped there.

07.03.2026 16:57 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

a 3d fever dream

07.03.2026 16:10 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

it was a fun watch, nice work.

did you switch keyboards mid stream? i'm such a mid typer, as soon as i imagined doing it i was like "oh shit what if i use the wrong keyboard" lol

07.03.2026 16:09 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

same and same, classic

i learned the fibonacci sequence from a parrot in one episode.

07.03.2026 16:04 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0