@mia@front-end.social
@mia@front-end.social avatar

mia

@mia@front-end.social

🏳️‍⚧️ Queer Art & Code (she/her) 🏳️‍🌈
:oddbird: Co-Founder of https://front-end.social/@OddBird
:w3c: Working on CSS in A (https://w3c.social/@w3c) Group
🤘🏼 Bass/Vocals @ teacupgorilla.com
🍊 Theater @ grapefruitlab.com
🧶 Crochet is a programming language
⚒️ Ned Ludd was right
:pinkraccoon: Server admin (see @mods)

This profile is from a federated server and may be incomplete. Browse more on the original instance.

mia, to random
@mia@front-end.social avatar

We need unions.

And we also need employee-owned collectives that reject eternal growth, increased production, and shareholder profit as the goals of our labor.

The infinite growth model is destroying our world. We can build alternatives.

mia,
@mia@front-end.social avatar

@octothorpe cool!

5t3ph, to CSS
@5t3ph@front-end.social avatar

Soooo... who is attending #CSS Day, the Accessibility Club Summit, or both?

mia,
@mia@front-end.social avatar

@5t3ph 👋🏼

mia, to random
@mia@front-end.social avatar

The forest has been fucking with my head, but maybe there's some good trees I could get lost in?

(I hope so, I'm struggling this week)

mia, (edited ) to CSS
@mia@front-end.social avatar

We'll go live in an hour (1pm ET, 10am PT) to talk about surprising behavior when using container queries!

https://www.youtube.com/watch?v=Ci2DLDQYup0

mia, to random
@mia@front-end.social avatar

➜ ffs
zsh: command not found: ffs

mia,
@mia@front-end.social avatar

@actuallyalison Same. I almost mentioned that in the post. There's a double reading for us. :)

scott, to random
@scott@typetura.social avatar

I need to write a Sass CSS keyframe tool that lets you create animations using seconds instead of %.

Also this would be nice to just have in CSS proper.

mia,
@mia@front-end.social avatar

@scott I made that mixin for @shshaw at one point, and I think he opened a CSS issue about it? If I remember right?

mia,
@mia@front-end.social avatar
mia, (edited ) to CSS
@mia@front-end.social avatar

Are there issues or surprises you've run into when using #CSS container queries in practice? Let us know, and we'll try to cover them in the @OddBird Winging It live stream tomorrow!

https://www.youtube.com/watch?v=Ci2DLDQYup0

mia,
@mia@front-end.social avatar

Today the CSS Working Group resolved to fix one of the gotchas with Container Queries and web components:

https://github.com/w3c/csswg-drafts/issues/5984#issuecomment-2112977366

With this change, conditions in a slotted context can now query containers in the shadow DOM. 🥳

mia,
@mia@front-end.social avatar

@timbray on the other hand, there's a certain poetry in discussing "the flat tree" as a concern of modern web design?

mia,
@mia@front-end.social avatar

@simevidas @OddBird Can't read the thread without logging in. Does @anatudor mention the other problems?

(i think this could be an interesting feature, but would love to see the use-cases)

mia,
@mia@front-end.social avatar

@simevidas @OddBird @anatudor We've already approved plans to make container units 'functional' - so you can pass in a container name. Could open an issue to extend that function so it accepts a layout box as well.

sturobson, to random
@sturobson@front-end.social avatar

Watching the online Into Design Systems conference.

🤞 it might give me some chutzpah to get out of this hole I've been in for ~12 months.

mia,
@mia@front-end.social avatar

@sturobson 💜

vasilis, to random
@vasilis@social.vasilis.nl avatar

Did you know that are still tickets left for the incredible Pre-CSS-Day event on the day before CSS Day?
https://www.eventbrite.nl/e/pre-css-day-tickets-872463962197

mia,
@mia@front-end.social avatar

@sarajw @vasilis rusty ol css

mia, to random
@mia@front-end.social avatar

Every hype cycle more depressing than the previous.

No. I'm very excited that the largest corporations ever have automated the worst kinds of content farming. That's so exciting.

mia, to random
@mia@front-end.social avatar

We made it on the top 10 list for On Stage Colorado "most interesting shows coming up around the state":

https://onstagecolorado.com/podcast-introducing-colorado-headliners-our-top-10-shows/

Opening went great, and we've got three more weekends. Tickets are pay-what-you-want!

https://grapefruitlab.com/shows/whiskey-2024/

mia, (edited ) to CSS
@mia@front-end.social avatar

Unexpected things can happen when you add containment (some elements completely collapse)! @stacy and I will discuss Container Queries in the real world on @OddBird's Winging It livestream this Thursday:

May 16 at 1pm ET/11am MT

https://www.youtube.com/watch?v=Ci2DLDQYup0

Send us your questions in advance or join us during the live stream!

mia, to CSS
@mia@front-end.social avatar

I updated my article about root containers container queries. At @OddBird we've found the simplest solution is:

  • no containment on root or body, since there are so many potential side effects
  • do contain all the top-level page elements: nav, header, main, footer etc

That provides some nearly top-level containers, while avoiding the issues. Have you run into this? How do you handle it?

https://www.oddbird.net/2023/07/05/contain-root/

mia, to random
@mia@front-end.social avatar

Some lazy sunday morning light house work in PJs.

fonts, to random
@fonts@sfba.social avatar

@mia “you can’t make a world wide web by saying it works on my machine and everyone else is an edge case" is gonna haunt me for the rest of my days btw

(Also, super great talk!)

mia,
@mia@front-end.social avatar

@fonts 💜

mia, to random
@mia@front-end.social avatar

Really enjoying the @eleventy Symposium so far! Though I still refuse to build my websites real good, on principle.

Thanks for all the lovely comments. If you're looking for my slides, they're online (built with 11ty of course):

https://slides.oddbird.net/hints/eleventy/

mia,
@mia@front-end.social avatar

@eleventy @AmeliaBR Why do it fast when you can take your time and make it even worse?

mia,
@mia@front-end.social avatar

@treeroe @eleventy @AmeliaBR

Good, Fast, Cheap: are all things we don't offer.

henry, to random
@henry@front-end.social avatar

@mia that was amazing, what a literally incredible talk. insightful and curious and wonderful <3 thank you!

mia,
@mia@front-end.social avatar

@henry Thanks - really loved yours as well. Can't wait to step through it and get mircropub working on my sites. 🥳

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • magazineikmin
  • khanakhh
  • mdbf
  • slotface
  • ethstaker
  • tacticalgear
  • Youngstown
  • kavyap
  • InstantRegret
  • DreamBathrooms
  • thenastyranch
  • everett
  • rosin
  • megavids
  • GTA5RPClips
  • cubers
  • Durango
  • normalnudes
  • ngwrru68w68
  • osvaldo12
  • cisconetworking
  • tester
  • modclub
  • Leos
  • provamag3
  • anitta
  • lostlight
  • All magazines