#askingForAFriend

Is it real life that an `anchor-name` element HAS to be before the element consuming it via `position-anchor` in the DOM!?!

🤯

#CSS #CSSWG #webDev #anchorPositioning

Inversely, I love, love, love how this "just works™️" in #chromium 😍

https://codepen.io/Westbrook/pen/XJKyebR

Where's my #webkit and #mozilla peeps at?!?

You're seeing that right, `:host(:has(...))` and `:host:has(...)` are different, in a good way, but supported differently across browsers, in a bad way. Let's go head a build ALL the things that are meant to be in the browser. Not just some.

Pretty please 🙏

#webDev #CSS #CSSWG #webComponentsCG #testTheWebForward #developingDesignSystems

Host can :has() it's shadow dom children.

...

Host can :has() it's light dom children.

...

Dearest #CSSWG friends, do you know if there has ever been a proposal for a ‘word’ unit, that’s as wide as the average width of all words? I really want this unit.

Today I've just used `--anchor-scope` as part of the CSS Anchor Positioning API for the first time...

Five stars, would use again!

Thanks #CSSWG!

#webDev #CSS #AnchorPositioning

at the @CSSWG.org (@CSSWG) F2F (face to face) meeting^1, hosted by @Apple.com (@Apple) in Cupertino. Not counting at #w3cTPAC, the prior #CSSWG F2F meeting I went to was 2.5y ago, also in Cupertino, and before that 2019 in SF. Good to see so many longterm colleagues in-person.#W3C #CSS #webStandards^1 http... tantek.com
at the @CSSWG.org (@CSSWG) F2F (face to face) meeting^1, hosted by @Apple.com (@Apple) in Cupertino. Not counting at #w3cTPAC, the prior #CSSWG F2F meeting I went to was 2.5y ago, also in Cupertino, and before that 2019 in SF. Good to see so many longterm colleagues in-person. #W3C #CSS #webStandards ^1 https://wiki.csswg.org/planning/cupertino-2026 - Tantek

at the @CSSWG.org (@CSSWG) F2F (face to face) meeting^1, hosted by @Apple.com (@Apple) in Cupertino. Not counting at #w3cTPAC, the prior #CSSWG F2F meeting I went to was 2.5y ago, also in Cupertino, and before that 2019 in SF. Good to see so many longterm colleagues in-person.

#W3C #CSS #webStandards

^1 https://wiki.csswg.org/planning/cupertino-2026
CSS Working Group Wiki [CSS Working Group Wiki]

@csstricks

Regarding there being no :closed besides :open, see also

* :focus, and not focussed
* :checked, and not checked

#css #csswg

New blog post: “Fit-to-Width Status Update: Prototype and Issues”

https://blog.kizu.dev/text-fit-update/

In which I present the current state of things and share links and descriptions of issues I opened in the CSS Working Group’s GitHub following the Chrome team’s feedback.

#Accessibility #Typography #CSSWG #CSS

Fit-to-Width Status Update: Prototype and Issues

In which I present the current state of things, and share links and descriptions of issues I opened in CSS Working Group’s GitHub following Chrome team’s feedback.

Repost from this summer!
📖 I published: “Designing with Abstractions: CSS and the Case of Masonry Layouts”

This (academic) article explores CSS as both a technical system and a design object. It examines how this is shaped through negotiation between conceptual models, implementation constraints, and interface considerations, focusing on the Masonry layout debates.
Appreciation to those participating in #CssWg debates and making this work visible.

➡️ https://journal.dampress.org/issues/design-et-abstractions/designing-with-abstractions-css-and-the-case-of-masonry-layouts

#css #webstandards

Design Arts Medias | Designing with Abstractions: CSS and the Case of Masonry Layouts

La Revue Design Arts Medias du laboratoire ACTE, Université Paris 1 Panthéon Sorbonne