Anthony Frehner's Avatar

Anthony Frehner

@frehner.me.bsky.social

Web, standards, tooling, sports, video games. https://frehner.me Working @Shopify

167 Followers  |  202 Following  |  172 Posts  |  Joined: 02.09.2024  |  1.9504

Latest posts by frehner.me on Bluesky

Container Style Queries for Sharing Internal State An explanation of how you could use Container Style Queries to expose internal state (for example, in a Custom Element) to children elements in CSS.

One example: what if the component is a web component and you, as the consumer, have no idea what the class is?

I wrote about that idea here frehner.me/blog/contain...

04.08.2025 22:26 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Definitely donโ€™t look at what happened to the Tea app this past week

31.07.2025 22:04 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

What if I caught a div but it was *shiny*

23.07.2025 00:13 โ€” ๐Ÿ‘ 4    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Fixing Container Queries in WebKit How I discovered and fixed WebKit's broken container query implementation across the shadow DOM.

Wrote a post about container queries in web components, and how that led me to contributing to WebKit for the first time

frehner.me/blog/fixing-...

18.07.2025 13:53 โ€” ๐Ÿ‘ 21    ๐Ÿ” 5    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Thatโ€™s both amazing and horrifying

17.07.2025 01:57 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Planning on it!

11.07.2025 22:12 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Iโ€™m already complaining about the tickrate

11.07.2025 21:41 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Thatโ€™s wild

11.07.2025 21:40 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Welp my contributions to Safari have made it to STP

I should get around to writing that blog post about it

09.07.2025 21:39 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

This sort of setup is very popular nowadays, and also extends into other areas

For example, many people now use the โ€œpost now and think laterโ€ feature on social media

09.07.2025 21:37 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

My memory may be fuzzy - the content looks accurate but I thought it had a slightly different UI.

Thanks!

08.07.2025 22:02 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Close but I thought it was an official wai aria site and test suite

08.07.2025 21:30 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Someone help me find that nice screen reader test website thatโ€™s like WPTs. I saw it last week and now canโ€™t find it again for some reason

08.07.2025 21:02 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Enjoying playing Rematch. Slowly getting decent, but the learning curve is pretty steep.

04.07.2025 22:37 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

ex-boss 360 isnโ€™t as good as the post script 3, sorry.

01.07.2025 20:31 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Itโ€™s wild how many game companies do this for their own games too.

26.06.2025 16:14 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

The classic story of a werewolf who puts on invisaligns before the full moon to prevent themself from biting another person

25.06.2025 02:07 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Dang Iโ€™m still working on just my third yacht, how am I supposed to keep up with the giga-yachts? ๐Ÿ˜ญ

Guess itโ€™s layoffs time again

22.06.2025 20:19 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Many people already know that Jake is a great dev and has a great personality.

And despite that, it still undersells how great is is to work with him.

Thanks for everything Jake! Looking forward to seeing all the things youโ€™ll be working on in the future.

19.06.2025 06:34 โ€” ๐Ÿ‘ 3    ๐Ÿ” 0    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0

RSC has been on a journey; it feels like itโ€™s still on that journey, too.

Though itโ€™s definitely in a better spot than they were in the early days. Hydrogen was a fun and challenging project, and thereโ€™s still scars to prove it ๐Ÿ˜ƒ

13.06.2025 22:42 โ€” ๐Ÿ‘ 3    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

After eslint / prettier in JS, it feels weird to go into repos and languages that have opinions on formatting but donโ€™t format for you.

If youโ€™re telling me this line is too long, format it for me! Iโ€™m too busy to have to do it manually, Iโ€™ve got a dog to feed

๐Ÿ˜ƒ

11.06.2025 21:43 โ€” ๐Ÿ‘ 3    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Thank you!

11.06.2025 13:28 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
Fix Container Query for Shadow DOM to pass WPTs by frehner ยท Pull Request #45607 ยท WebKit/WebKit Fix Container Query for Shadow DOM to pass WPTs https://bugs.webkit.org/show_bug.cgi?id=289868 Reviewed by NOBODY (OOPS!). Container Queries should resolve against the composed tree in most cases...

@nicolesullivan.bsky.social any chance to get this WebKit PR reviewed to help improve web components and container queries? If merged it would improve WebKitโ€™s WPT passing rate in this area a ton!

github.com/WebKit/WebKi...

10.06.2025 16:36 โ€” ๐Ÿ‘ 3    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Would love it. Should be fairly easy to polyfill too?

10.06.2025 02:43 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Built a custom lexer + parser in JS to enable this. It was super fun.

More details and kudos when itโ€™s released

09.06.2025 23:30 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Getting close to releasing some new Shopify Polaris features that Iโ€™ve been working on for a long time.

Allowing devs to change an attributeโ€™s value based on a container query. Think:

if container <500px, padding is โ€œsmallโ€

Otherwise, padding is โ€œlargeโ€

All in the HTML attribute. All strings

09.06.2025 23:30 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Thatโ€™s amazing haha

07.06.2025 23:26 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Whoops not rollup, postcss. My bad

07.06.2025 23:05 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Preview
GitHub - frehner/postcss-plugin-var-hash-postfix Contribute to frehner/postcss-plugin-var-hash-postfix development by creating an account on GitHub.

For Polaris I built a rollup plugin that postfixes a hash to our CSS vars at build time, and you can customize how frequently that hash changes. Someone could choose to use our CSS vars for a minute, but itโ€™ll break next time we change the hash

github.com/frehner/post...

07.06.2025 23:04 โ€” ๐Ÿ‘ 3    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Raw? Not even medium rare? You monsters

06.06.2025 03:44 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

@frehner.me is following 20 prominent accounts