Mia (web luddite)

🏳️‍⚧️ Queer Art & Code 🏳️‍🌈 :oddbird: Co-Founder OddBird (npub1wku…y8eg) :w3c: Working on CSS in a (@w3c) Group 🤘🏼 art.miriamsuzanne.com, teacupgorilla.com, & grapefruitlab.com :pinkraccoon: Server admin (see Front-End Moderators (npub1ddc…capf)) What are we building here? Is it a world we want to live in?

:oddbird: OddBird (Agency): https://oddbird.net/authors/miriam/
🎨 Art &c.: https://art.miriamsuzanne.com
👩🏼‍🎤 Personal Site: https://www.miriamsuzanne.com/
💸 Impersonal Site: https://business-business.business/

Public Key

npub1szda4djvv7w77kk8s3nfcwm3dx5ktej4mk96qpx7z7ng34yax6nssp5a79

NIP-05 Address

[email protected]

Profile Code

nprofile1qqsgpx76kexx0800ttrcge5u8dckn2t9ue2amzaqqn0p0f5g6jwndfcpz3mhxue69uhhyetvv9ujuerpd46hxtnfduqs6amnwvaz7tmwdaejumr0dsqp3m5s

Publishing to

relay.damus.io

nos.lol

Author Public Key

npub1szda4djvv7w77kk8s3nfcwm3dx5ktej4mk96qpx7z7ng34yax6nssp5a79

Show more details

Published at

2026-05-29T02:02:07Z

Kind type

0 Metadata

Event JSON

{ "id": "7135df19bf0ec02b33ecf9858ae5f7b792d4a7a76fec20fb3db257ab5629b21d", "pubkey": "809bdab64c679def5ac784669c3b7169a965e655dd8ba004de17a688d49d36a7", "created_at": 1780020127, "kind": 0, "tags": [ [ "emoji", "oddbird", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/007/574/original/c1443e81bd9514f2.png" ], [ "emoji", "w3c", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/007/750/original/cf1f51d5ec19e252.png" ], [ "emoji", "pinkraccoon", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/026/667/original/9387b31196bbe7e2.png" ], [ "proxy", "https://front-end.social/users/mia", "activitypub" ], [ "L", "pink.momostr" ], [ "l", "pink.momostr.activitypub:https://front-end.social/users/mia", "pink.momostr" ], [ "-" ] ], "content": "{\"name\":\"Mia (web luddite)\",\"about\":\"🏳️‍⚧️ Queer Art \u0026 Code 🏳️‍🌈\u2028:oddbird: Co-Founder nostr:npub1wkuurs9683yyhtdhnl95yltsnjy3k4kpsek8trvdwj9vpq6qarwqu8y8eg\u2028:w3c: Working on CSS in a (@w3c) Group\u2028🤘🏼 art.miriamsuzanne.com, teacupgorilla.com, \u0026 grapefruitlab.com\u2028:pinkraccoon: Server admin (see nostr:npub1ddcqlfkfuu0fe28t2e7c2kjwmyfy7qhrn8pd4mtulsrn5fh5sksql8capf)\u2029What are we building here? Is it a world we want to live in?\\n\\n:oddbird: OddBird (Agency): https://oddbird.net/authors/miriam/\\n🎨 Art \u0026c.: https://art.miriamsuzanne.com\\n👩🏼‍🎤 Personal Site: https://www.miriamsuzanne.com/\\n💸 Impersonal Site: https://business-business.business/\\n\",\"website\":\"https://front-end.social/@mia\",\"picture\":\"https://cdn.masto.host/frontendsocial/accounts/avatars/109/287/575/127/245/522/original/0b4a5e7e3baf5a07.jpeg\",\"banner\":\"https://cdn.masto.host/frontendsocial/accounts/headers/109/287/575/127/245/522/original/3faa6be14bf9c282.jpg\",\"nip05\":\"[email protected]\"}", "sig": "8685b1e412d014f315f48aa5b202acc0cb6f5d0a475a0bcbb6d0303093e9917b4b1426e97685515564a885755d56c9331b74a4b1666e703e57436019c63b805f" }

Last Notes

2026-04-30 07:25:33 GMT

At some point the corporations realized that Clarke's logic works in reverse, and any sufficiently advanced sleight of hand is indistinguishable from technology

2026-04-12 06:48:30 GMT

- reply

oh I phrased that very carefully. :)
I know people studying HTML/CSS purely as an art form, fucking rad! That was intended as The Point of my post, against arguments that the web is toooo complicated for it now.
I think instead, we've lost discoverability. I'm not sure the same pipeline into & through it still exists? Or I expect it's much harder to fall into – less opportunities for play built into the walled gardens. Less chance to 'customize myspace' etc?

2026-04-12 06:10:04 GMT

- reply

yeah, that's true. I also don't see specialization as neutral or natural, but as corporate. and also think the constant drive to deliver - the coveted efficiency of speed - tends to encourage complexity (and other broken things).

2026-04-12 04:19:07 GMT

the more we're all encouraged to optimize our time and deliver more output, the more i want to never hit a single metric again in my life.
i want to commit on a project and never launch it. i want to code slower, spend more time choosing colors, re-invent wheels that will never get used - not better, just different - taking as long as possible.
i want to spend my time imagining different ways to say a thing, just to enjoy saying it differently.
zero output, always only process forever

2026-04-12 04:01:41 GMT

There are still absolutely beautiful websites using basic css and html with little or no js. professional web dev has gotten more complex along with specialization, but you can still build personal sites with 20yr old tech. and some new stuff is simpler.
What we've lost, it seems to me, is the broad indie pipeline to both learning and socializing (and socially learning).
partly because we who learned it 20yrs ago have landed in more specialized/complex jobs.

2026-03-12 16:40:14 GMT

More and more governments agree that my life should be criminal. Haha, fun. Welcome, Iowa. Here's a new batch of mugs:
https://art.miriamsuzanne.com/product/trans-tumblers

2026-01-13 16:55:47 GMT

Some large noodle bowls that came out over the holidays. #pottery
One has a slight glaze blemish, but otherwise I'm happy with them. Using Rocky Mountain BMX clay.
https://cdn.masto.host/frontendsocial/media_attachments/files/115/888/835/307/125/266/original/82dd56acfbcbea52.jpeg
https://cdn.masto.host/frontendsocial/media_attachments/files/115/888/835/049/372/129/original/996699ab790660e9.jpeg

2026-01-10 18:07:18 GMT

- reply

clever!

2026-01-10 18:03:13 GMT

- reply

RadioShack went out of business, sadly.
Oh, you were thinking a magnet might work without the reed being near the top of the jar. That's interesting, but might take a pretty strong magnet, I think.

2026-01-10 17:41:12 GMT

- reply

no breadboards or reed switches. yet!
This was the first approach I was thinking about, and I like the simplicity. Might be even simpler with some kind of lever/leaf switch that is pushed open by the gallery of the lid, as it slots down inside?
In either case, the main concern is mounting, and wires casting shadows - but all that requires a prototype to know if it's a real issue.

2026-01-10 16:58:55 GMT

- reply

it could be that i need to prototype a few things. just drop a puck light in the base, or tape it in the lid, and see how things look before I spend to much time on complex switches.

2026-01-10 16:32:30 GMT

- reply

i'm hoping for both a glow and light out the top. the extreme simplified version is buying a lamp kit, mounting a standard bulb at the base, and running a cable out the side. the jar is just a lamp shade.
From there the question is if I can make it more magical.

2026-01-10 15:57:37 GMT

- reply

more convenient except that turned off you have a lid full of electronics sitting around, rather than the whole thing being packed away.
For light, I'm imaging a ring of led pointing up but kinda out near the edges.
But you're right that recharging will be a pain. I could put a hole for a charging wire at the base, but that could still be fiddly.

2026-01-10 08:15:55 GMT

- reply

I think I'll need brighter lights, since the porcelain I'm using is only somewhat translucent. It looks great when I hold a jar up to the under-cabinet puck lights in my kitchen.

2026-01-10 07:43:20 GMT

- reply

All I want is a glowing jar of light that I can carry around. Is that too much to ask?

2026-01-10 07:43:13 GMT

Is it reasonable to think I could make an LED lamp inside a porcelain jar, with a proximity sensor to turn it on when the lid is open?
I see adafruit has sensors & LEDs, but I'm not sure how much circuit design would be required (zero experience) or how many lights & how much power I need.
I imagine it only becomes practical as a table lamp if I make it plug-in, but a battery option would be magical. Electronics should be small at the base of the jar.

2025-12-11 19:54:15 GMT

Learn how to create color themes with Baseline web features in #CSS, like color-scheme, color-mix(), light-dark(), and the relative color syntax – fellow OddBird David Herron covers everything you need:
https://web.dev/articles/baseline-in-action-color-theme?hl=en

2025-10-24 05:29:04 GMT

I often think about making a new browser. I mean, as a business it sounds awful. But as a product to design, that would be a top choice.
Browsers could help us make fun little websites with rss feeds, and follow our friends feeds. Your window to the web could also be your home online - customized & shareable, with open web standards.
(Not a bot that says likely words scraped of context. What a total lack of vision for the web)
Put myspace in a browser, you cowards.

2025-09-29 16:18:08 GMT

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

2025-09-04 21:07:15 GMT

I'll wind down this week of pots with a few final highlights. Thank you all for supporting my art, it means a lot. I hope you enjoy the pieces!
The trans mugs are popular, and I just added two more – "Change your gender" & "support trans kinds"
https://art.miriamsuzanne.com/category/monochrome-pride #trans #pottery
https://cdn.masto.host/frontendsocial/media_attachments/files/115/148/057/580/915/758/original/020d682483c6ee8e.jpg
https://cdn.masto.host/frontendsocial/media_attachments/files/115/148/057/694/824/904/original/401ee60507289124.jpg
https://cdn.masto.host/frontendsocial/media_attachments/files/115/148/057/683/131/265/original/794a2dab0795503a.jpg
https://cdn.masto.host/frontendsocial/media_attachments/files/115/148/057/751/543/225/original/025e3a3c5d08305e.jpg

2025-08-26 18:59:51 GMT

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:
https://www.oddbird.net/2025/08/26/type-visual/
Adjust the values to see how they impact the rate of change, the viewport-size range, and page zoom!

2025-07-27 04:35:43 GMT

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.

2025-06-30 05:20:27 GMT

- reply

this is still leather hard, so it just becomes reclaim - rehydrated and reused.

2025-06-30 04:46:12 GMT

welp
https://cdn.masto.host/frontendsocial/media_attachments/files/114/770/494/831/181/827/original/3b25c4edad13cb94.jpg

2025-06-19 19:43:22 GMT

- reply

😅 This feels like an evergreen response to anything I post.

2025-06-19 17:07:40 GMT

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().

2025-06-11 18:43:38 GMT

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

2025-05-31 21:58:32 GMT

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

2025-04-27 19:07:21 GMT

- reply

i suppose so but i am not an expert on these categories. it's from wild fang

2025-04-27 17:13:19 GMT

10 years today with this handsome and kind absolute weirdo (and 1 year living in our new place last week)
https://cdn.masto.host/frontendsocial/media_attachments/files/114/411/044/706/499/292/original/1f916768b2922649.jpg

2025-04-26 18:32:03 GMT

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

2025-04-26 05:17:55 GMT

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.

2025-04-15 15:45:42 GMT

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 https://www.oddbird.net/workshops/cascading-layouts/

2025-04-08 19:54:40 GMT

- reply

Maybe on one I wasn't already trying to fix.
But mostly… I need gold, I guess?

2025-04-08 19:37:36 GMT

Oops
was trying to touch-up the glaze that crawled, and re-fire, but I slipped.
https://cdn.masto.host/frontendsocial/media_attachments/files/114/304/028/120/268/858/original/802bf68ea617f201.jpg

2025-04-02 20:46:57 GMT

CSS Working Group resolved to allow range syntax in style queries. We can compare with a container variable:
@ container style(--var < 5em)
But can also compare normal values:
style(1em < 20px)
style(sibling-count() > 3)
This style function can also be used for conditions of inline if()
#css

2025-03-29 21:36:14 GMT

I watched a debate between Emily Bender and Some OpenAI Guy, and I just…
- Bender: As an expert in linguistics, we have a pretty good grasp on "meaning" vs "form". LLMs are just putting words together. People will read meaning into it, but that's a lie. People will get hurt.
- OpenAI Guy: If people read meaning into it, there's meaning in it *for them*. If things go wrong, that's a user problem. Capitalism, baby.
Check mate, humanities and also sciences. Horoscopes are AGI now.

2025-03-21 06:09:18 GMT

to scroll is doom

2025-03-19 22:13:57 GMT

- reply

that's my assumption, but i haven't looked into it

2025-03-19 04:42:13 GMT

Please just allow me to find devices on local networks?
Please

2025-03-06 17:56:11 GMT

Dems re GOP: "When they go low, we go high"
Me re Dems: "When they go right, we go left"

2025-03-02 03:21:22 GMT

- reply

it sounds like you're not setting aside some things that you were very clearly asked to set aside.

2025-03-02 02:22:43 GMT

I love how much we can do by "setting aside the ethical and climate concerns" at the start of every modern tech talk, podcast, and article.
So much we can do without those annoying ethical and climate concerns! Just set em aside! Cool trick!
(real "I'm not transphobic, but -" vibes)

2025-02-27 22:23:39 GMT

What if there was a co-op of developer educators? What if we built our own platform together? I bet that's a skill we have. Everyone could still post on other platforms as well, but this one we would own and manage together?
I bet there's an audience, and even a profit-sharing business model that would make sense.
Can we imagine collaboration?

2025-02-25 05:53:19 GMT

The thought experiments for ai centrism are always so grim.
so, we're asking if it's ok for an artist to… stop making art? but they still want to sell art, that looks kinda like art they used to make? why…?
just say we're all burned out on capitalism. we don't have to debate the ethics of being tired or whatever. i'm tired too. i just don't see fake art as some great solution.

2025-02-22 06:57:47 GMT

you can say my css isn't real programming, but I say your whatever thingy isn't a real language - so I guess we're at an impasse. everyone gets sent to bed without a programming language. this is what happens when you refuse to share with your sister. i hope you're happy.

2025-02-19 21:15:32 GMT

- reply

it seems to me like what you're pointing to is systems. you can't just change individual behavior to address the issues of capitalism, behavior is downstream of systemic incentives and infrastructure.
it doesn't matter if some people choose to do more, if that choice can't snowball to threaten my basic survival. The problem is not over-achievers making me look bad, but competition being required if I want to eat food or live inside.

2025-02-14 21:28:08 GMT

What if, some day, I kick you in the shin so hard that you hallucinate a cure to cancer? We could cure cancer! Wow!
I'm mean, wow wow wow!
Doesn't this make it a Moral Requirement that I kick you as often as possibe, to achieve that perfect kick?!
Yes! Yes, I must kick you! For humanity!

2025-02-14 06:04:55 GMT

I have feelings about AI & the web & my experience being trans "in tech" in 2025 - so I screamed some thoughts onto my personal web log.
I hope for all of us a more queer & humane future. Keep building communities & dreaming better paths.
https://www.miriamsuzanne.com/2025/02/12/tech-ai-wtf/

2025-02-14 05:37:04 GMT

- reply

It's lovely having both of you around - and so many others in this little niche of ours 💜

2025-02-12 18:48:56 GMT

Do you ever resize the browser window during the course of your day – apart from testing a responsive layout or using dev tools?
(I would include other non-dev things that change the viewport inside the browser window, like sidebars coming in and out, or split screen tabs, etc)

2025-01-29 23:03:21 GMT

NBD just jumping back and forth between full-day CSSWG meetings and reports of the government trying to order me out of existence.
Status update: I still exist.
(But with significantly fewer rights than I had a week ago, and new orders dropping daily – it's fucking dark)

2025-01-24 20:38:55 GMT

- reply

oh sure. i do cross-posts to bluesky on occasion using openvibe. i like that it lets me mention people with different handles on the different platforms.

2025-01-24 19:56:38 GMT

- reply

I have my personal and mods here - but use browser profiles, and a third-party phone app. It works, but yeah - multiple logins would be a useful feature.

2025-01-24 19:44:58 GMT

- reply

It's actually slightly more difficult on the same server, but i don't mind if you want to.
To do it on one server you need to get yourself an invite link (in your preferences), log out, and set up a new account. Or use browser profiles/different browsers. Or there are third-party tools that might allow logging into multiple at once.
With different servers, there's no conflicting logins issue to deal with.

2025-01-23 05:11:21 GMT

The oss 'benevolent dictator' model was always a bad one, always built on an imagined 'best way to get things done' which frames collaboration as impossible, and was always a setup for claiming the rich tech guys are the best guys.

2025-01-13 19:54:29 GMT

- reply

Yeah, that's what I've always done (multi-slide reveals) - but I did add an issue to consider in-slide reveals, and I'd enjoy working on that with you if you want.
It relates broadly to another feature I've wanted: named slides with stable IDs for internal linking. (Both require more flexibility to how we handle the forward/backward navigation logic)

2025-01-13 18:44:12 GMT

- reply

Do you want to work on mine with me? Then it's (maybe) the best of both worlds? You're not fixing jank yourself, but you have a say in how it works? I've been using it for all my talks, so it's in pretty good shape – and built to be themed.
https://github.com/oddbird/slide-deck/
I'm working to try and make a more fleshed-out @npub1f8f…ed9x plugin as well, but running into some issues we could maybe ask @npub19vz…zmql about…

2024-12-19 15:30:42 GMT

- reply

this was how the feature worked initially. We thought that was required for proper containment. But it's not! And browsers should hopefully all be removing that asap! (@npub130l…n5e6, @npub18zu…h923)

2024-12-16 20:01:50 GMT

When we "keep specificity flat" in #CSS we have to give up on semantic selectors and built-in naming conventions, in return for… also giving up control in the cascade.
We can't avoid the cascade, it applies to all styles. We can only refuse to use the tools that are available for *managing* the cascade.
Start using Cascade Layers, and let your specificity run wild. It's a useful tool!

2024-12-10 07:51:58 GMT

I am very tired of conference talks that start by telling me
- everyone is excited
- these tools are the future
- now is the time to get on board
- you don't want to be left behind
You do not need to be excited for the machine they wish could replace you already

2024-12-10 07:12:58 GMT

- reply

I keep thinking about that line, something like "AI is just the tech we're not used to yet" as though don't worry, we'll get used to it.
but I think it's rather the goal of "AI" as a product - to be the magic trick. why did it give that answer? who can say! ✨

2024-12-10 07:01:08 GMT

People now trust 'information' coming from black box algorithms controlled by just a few companies, as though they have "looked it up" somewhere,
but also we can copy/paste relevant code snippets, with some amount of success! so it's great, actually! ✨
this industry is fucking stressful

2024-11-26 09:47:26 GMT

What are your favorite little day-to-day use cases for the #css :has() selector? Anyone using it in their reset yet?

2024-11-18 19:43:10 GMT

Q: How is AI being used in web development?
A: CEO's stole our copyrighted work, and are now using it to threaten our jobs, lay people off, and cut our pay.

2024-11-16 16:22:26 GMT

- reply

Happy birthday! 🎂

2024-11-08 14:53:42 GMT

I'm not holding up well.
I wanted to be more clear in my #btconf talk, that when i talk about the cascade, i mean a resistance to fascism. I mean that politics live inside our tools.
but i took out the slides where i say it out loud. And Im sad about that. But also knew I wouldn't make it through the talk. I couldn't say "I'm illegal in two states already, and worse is coming"
In case you thought i was just talking about the web. I'm sorry I couldn't say it more clearly.

2024-11-01 19:26:20 GMT

- reply

oh same - very weird

2024-11-01 16:36:17 GMT

- reply

I just set up that new domain. So maybe an issue with DNS propagation or something? Try again?

2024-11-01 16:09:11 GMT

- reply

oh hi 👋🏼 https://bsky.app/profile/miriam.codes/

2024-11-01 15:44:56 GMT

Beyond Tellerrand is one of my favorite conferences – a combination of web and design and art and other unexpected delightful topics. I'm so excited to be going back.
If you're looking for the right conference to attend, this is the one. Tickets are still available for next week in Berlin! I hope to see you there!
https://beyondtellerrand.com/events/berlin-2024 @npub12an…w0gg

2024-10-25 14:13:49 GMT

- reply

🥳

2024-10-19 16:08:55 GMT

If cool URIs don't change, maybe they shouldn't be managed by landlords and rented on a year-to-year basis.
(it seems to me that avoiding link rot should be treated as a platform issue, not a slogan for scolding people who didn't successfully predict the future or treat a webpage as a lifelong commitment)

2024-10-18 21:28:37 GMT

- reply

It works great for me. I've never bothered with in-slide reveals on mine, but that's a cool feature. I just filed an issue for myself to look into it. :)
https://github.com/oddbird/slide-deck/issues/50

2024-10-18 20:49:38 GMT

- reply

It looks like an excellent talk, but mostly I'm excited that you built your own HTML presentation tool! Fun! 🥳

2024-10-17 15:26:54 GMT

A happy Miriam to all who celebrate this ninth annual day of being called Miriam.
I am Miriam, and so can you! 🏳️‍⚧️

2024-10-17 15:07:55 GMT

- reply

💜💜💜

2024-10-15 21:04:28 GMT

- reply

There it is, thank you! I can do that.
It's a very long scooter ride from here, but that's why god created friends with podcasts. So I can listen to you and Brian talk about the web, or @npub1t0w…zgs2 get flustered by "Be Gay Do Crimes" 😄 (perfect content, no notes)

2024-10-15 20:25:21 GMT

I know this is a Bad question that will lead me down the Path of Darkness. But…
Where do you start with mechanical keyboards? What I really mean is: where do you go next after having one for a bit, and thinking "yeah, this but really customized to my needs"? What do you try next? How do you test switches? It seems like the learning curve is steep and involves a lot of exploratory purchasing?

2024-10-07 19:19:19 GMT

- reply

oh no

2024-10-07 18:52:38 GMT

- reply

you might be able to do something so that script is rendered-blocking. Or add some hidden styling that gets removed.
The risk of course is… blocking render. :)

2024-10-07 18:37:06 GMT

- reply

Yeah, rel alternate is real interesting - but I've found browsers don't update well when you change that.
I imagine you could use a preload rule to load the disabled styles before usage. Not an issue for my use-case of turning things off after page load.
Here's the quick and dirty version, with only an on/off switch: https://codepen.io/miriamsuzanne/pen/PoMGZEe

2024-10-07 18:18:41 GMT

- reply

The attribute would have to be toggled with JS, if you're changing it based on user interaction. I'm using that for a CSS on/off toggle in my new design (and maybe a layer-select, TBD).

2024-10-07 17:56:45 GMT

- reply

Have you tried using the disabled attribute on the unused stylesheets?

2024-10-02 17:27:23 GMT

- reply

Could be. Or we'll start to find more use-cases for it? I already expect to use it on most sites that have any sort of image gallery. That's not my highest priority, but it is something I'll use. And for people currently relying on JS to achieve this (a lot of sites), it will be a big win. 🤷🏻‍♀️
Browsers don't always ask what I would prioritize, but when they ship something, I appreciate them spending time to get it right – because it impacts the whole language.

2024-10-01 22:08:42 GMT

Firefox released the first prototype of #CSS Masonry back in 2020, as an extension to Grid layout. Now Safari TP has it as well, while Chrome is working on an alternate proposal.
I've been enjoying the discussions, and the way both proposals have improved because of the debate.
But what's the current status, what's next, and what's at stake?
https://www.oddbird.net/2024/10/01/grid-masonry-nuance/

2024-09-26 01:26:49 GMT

30 years of the World Wide Web Wide World Wide Web Wide World Wide Web Wide World Wide Web Wide World Wide Web Wide World Wide Web Wide World Wide Web Wide World Wide Consortium #w3ctpac
https://cdn.masto.host/frontendsocial/media_attachments/files/113/201/250/580/991/091/original/8dbccba26af9d31d.jpeg

2024-09-19 15:31:53 GMT

This is a nice little monthly update on the support status of various features, from the Web DX community group. And it has an RSS feed!
🥳 Cascade Layers have been supported on all major browsers for 30 months! (That's the criteria used for 'widely available' in Baseline)
#css
https://web-platform-dx.github.io/web-features-explorer/release-notes/september-2024/

2024-09-17 16:01:30 GMT

Starting in 1hr (10am PT) @npub1n00…0sgz and I will be Winging It live!
We're talking about #CSS grids again – starting with a mockup and some HTML (which I haven't seen yet), and talking through our process as we write the code.
https://www.youtube.com/live/kQu-bSWccNA

2024-09-14 18:52:55 GMT

My first full disassembly. Hope I can get it back together after cleaning! #clocks
https://cdn.masto.host/frontendsocial/media_attachments/files/113/137/416/370/729/664/original/edb845b48bad3ea4.jpeg

2024-09-11 16:23:58 GMT

The CSSWG as agreed to publish a first Working Draft for Masonry layout – with the two major proposals merged where possible, and otherwise presented side by side. Most of the differences are syntax only.
Here's the Editor's Draft that will be published:
https://drafts.csswg.org/css-grid-3/
And the discussion:
https://github.com/w3c/csswg-drafts/issues/8195#issuecomment-2344098078
#css

2024-09-08 01:47:56 GMT

"Google, Amazon, and Microsoft control seventy-five percent of the cloud computing market. Meta and Google own half of the fiber optic cables supplying internet services across continents."
…
"So what did GAMM do? They convinced us that our notetaking apps require an internet connection and forty thousand dollar GPUs located on a server three hundred miles away."
https://www.fromjason.xyz/p/notebook/any-technology-indistinguishable-from-magic-is-hiding-something/

2024-08-08 15:59:59 GMT

As a collaborative artist, I wanted to push back on the idea that creative teams need a strong leader.
Collaborative process is a skill that people study and practice. Most teams aren't trained in that skillset, but they could be.
https://www.miriamsuzanne.com/2024/08/08/vision/

2024-08-07 22:44:38 GMT

- reply

Style queries and scope are the two that I don't really try to get away with yet. I just know they are missing support in a whole browser.
But light-dark is much easier to put behind a feature query, so I've been playing with it a lot in my side projects. I've been putting color-mix and oklch behind the same query even though they have better support, and then provide a fallback based mostly on browser defaults.

2024-08-07 22:30:25 GMT

:has() is at 94.41% of tracked global browser support. That's pretty good. Cascade Layers are at 96.3%.
oklch at 93% (with issues)
color-mix at 91.18%
CSS Nesting at 90% (if you're careful)
@ scope at 84.83% (0% Firefox)
light-dark() at 82.7%
custom property style queries at 73.49% (0% Firefox)
There's no magic number, and a lot we can do with progressive enhancement – but these are some of the recent #CSS features I reach for most often, and wish they would Just Work Already, Please.

2024-08-02 02:33:35 GMT

I'm trans, and also terrifying. All my friends cower in fear at my obvious and innate power.
(please cower)

2024-06-22 21:43:58 GMT

I'm presenting some of my digital art projects this evening as part of The Enthusiasts at Buntport Theater (https://buntport.com). Come by to hear people talk about their side projects and obsessions!
To prepare, I launched https://webart.mia.wtf, and finished two of the projects that were half-built:
- https://men.mia.wtf (started in 2017)
- https://nsa4.us (started in 2014)

2024-06-12 11:34:18 GMT

🥳 The CSSWG has agreed on a (tentative) plan for gamut mapping colors!
There's no perfect answer for this, but based on my experiments so far (turn on the 'css gamut mapping' flag in production chrome) this proposal is a lot better than the current channel clipping behavior.
https://github.com/w3c/csswg-drafts/issues/9449#issuecomment-2162711081

2024-06-10 09:52:10 GMT

CSS has a powerful set of distinct layout systems, each with different strengths and constraints. Join me later this month to demystify #CSS Layout, and get the most out of the language!
https://youtu.be/9EDOzJJdxWA
https://www.oddbird.net/workshops/cascading-layouts/

2024-05-30 02:51:56 GMT

1. A folder full of images
2. Add #eleventy
3. Loop over images to create pages
4. A static image site!
5. ???
6. It's easy to add/edit alt text & captions now
What's step 5? A markdown file for every image? That sounds painful. A single json or yaml file mapping images to metadata? Maybe better? Could get out of hand. Some very simple CMS? Other ideas?