Mastodawn

I don't know who needs to hear it, but I just test out an attempt to conditionally chain more than 10000 elements one to each other with anchor positioning, and in Chrome it works. Neither Safari nor Firefox don't currently work well with even a few chained elements, but, I guess, I now have a good benchmark

Show thread

James Dec 9

Baby wins!

James Dec 8

I've joked that Baby Stuckey Weber is competing to get released before Anchor Positioning goes Baseline, and with 22 hours to go for Firefox 146, it's going to be a tight race. Hoping for a smooth rollout!

James Dec 2

Chasing a rare bird is probably not the most responsible thing to do in my last days before parental leave, but hey, I got a lifer! Ross's Goose, which is tiny, white, and maddening to find in a snow covered field.

James Dec 1

If you use `sibling-index()` in a custom property without registering it with `syntax: "<integer>"`, the property's uninterpolated value is inherited and `sibling-index()` is evaluated in the context of the child where it's used, not the parent where it is declared. Are there other CSS functions with this behavior (and can there be a new `syntax: "function"`? https://codepen.io/jamessw/pen/EaKpaQg

sibling-index inheritance

...

James Nov 27

Mayank Nov 27

Anyone hiring a frontend developer in Canada? Circumstances have led me to start looking for my next job sooner than I would have liked.

I excel at working on design systems, cultivating a frontend culture, building with the grain of the web, and creating inclusive user experiences. Reach out if you need help with any of these!

I have deep knowledge of the web fundamentals (HTML/ARIA, CSS, JS) and the frontend ecosystem at large (build tools, frameworks, design tools).

#GetFediHired #FediHire

James Nov 27

Josh Tumath Nov 27

RE: https://mastodon.scot/@svgeesus/115619211447053709

Does anyone know why Firefox's WebRender doesn't render wide colour gamuts?

James Nov 26

OddBird Nov 26

If you missed it live, you can watch @jamessw & @mia's chat with @Meyerweb about Anchor Positioning now on the Winging It show.

Includes:

- Emerging patterns
- Rough edges
- Will Anchor Positioning be baseline?
- What's next for Anchor Positioning?

https://www.oddbird.net/2025/11/20/winging-it-26/
#css

Cross-Browser Anchor Positioning

Anchor Positioning is available in all browsers. What's next, with Eric Meyer.

OddBird

James Nov 25

Dialogs and Popovers are super useful for making layered UIs, and Baseline features simplify the implementation. Great article from fellow @OddBird David Herron.

https://web.dev/articles/baseline-in-action-dialog-popover

<dialog> and popover: Baseline layered UI patterns | Articles | web.dev

Learn how to build UI patterns for modal windows and prompts using the <dialog> and popover web features.

web.dev

James Nov 25

I've found that you can not have the characters `"</script>"` appear in a string in a `<script>` element in an HTML file. The HTML spec seems to intentionally close the script element. I assume it's for security reasons, but my git blame foo fails to parse the HTML spec 😮. https://html.spec.whatwg.org/multipage/parsing.html#parsing-main-incdata

Personal Site	https://jamessw.com
Pronouns	he/him

sibling-index inheritance

Cross-Browser Anchor Positioning

<dialog> and popover: Baseline layered UI patterns | Articles | web.dev

HTML Standard