mia

mia, 5 months ago to random

I keep falling in love with Shadow DOM (automatic bits of template without the clutter!) and then getting burned and frustrated about styling. In 20 years, I've basically never seen a use-case that requires such strict isolation.

For example: I almost always want to provide buttons, and I basically never care what they look like. Of course the page should style them! Why is this so hard? Why does that require complicated work-arounds?!

mia, 10 months ago to random

I'm one year older than I was an hour ago. It's the oldest I've ever been.

I guess I'll try and sleep it off?

mia, 7 months ago (edited 7 months ago) to random

Oops I started playing with Obsidian – all hope is lost, you go on without me

mia, 8 months ago to random

People use BEM everywhere to avoid specificity, but ship a built in solution and: 🤷🏻‍♀️ don't need it.

People use CSS modules and framework-scoped styles everywhere, but ship a built-in solution and: 🤷🏻‍♀️ don't need it.

People use complicated flexbox arrangements to do grid layout, but ship a built-in solution and: 🤷🏻‍♀️ don't need it.

I'm not (just) bitter here. It takes time & effort to learn a new approach over an established conventions. And maybe the advantages are not being clearly communicated.

mia, 10 months ago to CSS

What would you want to understand better about #CSS - about how it works, or why it works the way it does?

(This is research for a thing)

mia, 2 months ago to random

Put AI in CSS, you cowards.

mia, 1 year ago to random

Four months late, a year-end post disguised as a quarterly report…

A mentor once encouraged me to set priorities rather than goals. In 2023, I'm imagining a new and luxurious relationship to time, so I can waste it.

https://www.miriamsuzanne.com/2023/05/06/2023-preview/

mia, 10 months ago to random

Over at @OddBird, we launched a color contrast checker for working with new color formats like oklch, display-p3, and so on:

https://www.oddcontrast.com/

What other features would you want from a tool like this? We're interested in feedback and ideas.

mia, 1 year ago to webdev

Have you ever used 'scoped' styles in JS frameworks, or pre-processors? What if #scope was a core feature of #CSS, aware of the cascade, and didn't rely on any special tooling?

@keithjgrant gives a great overview of the new @scope spec:

https://keithjgrant.com/posts/2023/04/scoped-css-is-back/

mia, 10 days ago to random

Heading to Amsterdam. I wonder if there will be anyone else there, maybe for a conference or something? You never know.

It would be impossible to predict. 🤷🏻‍♀️

#cssday

mia, 9 months ago to random

Did I read somewhere that you don't want view transition names on a lot of elements (like every article in a list) when only one is actually transitioning? That makes sense but also seems difficult to manage.

But I wonder if you could add names on :has(:focus,:active) or similar?

(random thoughts on a train to the airport)

mia, 2 months ago to random

Why can't I get my dates to display in the right timezone? Why is this impossible? Why does it have to be different in production? Why does it have to be so hard?

I thought I had a fix using date-fns-tz, but I still can't get it right on the server.

mia, 11 months ago to CSS

The only way to 'avoid the cascade' is by not writing #CSS. Every web style, no matter how or where we write it, participates in the cascade.

CSS wouldn't even be possible without a cascade of some kind. Since it's possible to write conflicting styles, browsers need some way to resolve those conflicts. That's all the cascade is.

We can imagine different rules for that process – what we have now wasn't the original proposal, & we've made updates recently – but there has to be something.

mia, 11 months ago (edited 11 months ago) to random

We can pass information into a function, using the provided…

mia, 9 months ago to random

Fun times in the Denver airport

mia, 4 months ago to random

🤔

<css-demo>
<style contentEditable>
@scope {
:scope {
container: demo / size;
block-size: 100%;
}
> style { display: block; }

/* demo styles */
}
</style>
<!-- demo html -->
</css-demo>

mia, 3 months ago to random

Sad I can't make it to the @eleventy symposium - opening a show in Denver the next night. :/

(Clearly Zach is trying to exclude me, personally. There's no other explanation.)

mia, 3 months ago to random

You're allowed to post on your blog once every decade, and you don't even need to apologize for it. That's also part of having your own space.

Personal sites aren't a competition, and productivity doesn't have to be a metric.

(note to self)

mia, 5 months ago (edited 5 months ago) to random

A proof of concept:

https://codepen.io/miriamsuzanne/pen/eYXOLjE?editors=1010

[removed the poll because it seemed unnecessary]

mia, 4 months ago to random

What views do you need for a slide deck? there's the view that gets projected, maybe another view on a confidence monitor? another view for seeing the big picture while you work? are there others? one for reading the presentation later? for taking notes during?

which do you use, or wish for? what do you call them? what do you call the main one? what do you need to see in each?

mia, 10 months ago to random

More all-day CSSWG meetings today. Hopefully we can find the final boss (Calamity CSS) and finally defeat the language.

mia, 6 months ago to random

Is there any web-based rich-text editor that's reasonably accessible? Like the sort of thing you could embed in a project?

Is there a reason so many of them use empty buttons (or worse, empty spans) for the toolbar controls?

mia, 5 months ago to random

No google web apps work for me anymore, in chromium browsers (Arc or Chrome). Even if I disable all plugins, revert settings, and restart.

Drive shows folders, but files are greyed out. Images don't load. Account & App dropdowns are broken. Console is full of CORS errors.

Works fine in Firefox/Safari. Any thoughts?

(Don't tell me to just use a specific browser - that's not helpful)

mia, 5 months ago (edited 5 months ago) to random

In a presentation slide-deck, each item has a 'canvas' (the slide) and optional notes.

What would you call the element that contains both a slide and the related note?

mia, 7 months ago to random

You have four light-board channels controlling an "ADJ LED Megabar RGBA". The first three channels are Red, Green, and Blue.

Without looking it up, what does the 4th channel control?