Anthony Frehner
@frehner.me
Web, standards, tooling, sports, video games. https://frehner.me Working @Shopify, on Polaris (web components)
This is a huge experiment for web component people that want/need to have custom select and custom option elements!
IntentToShip@intenttoship.dev · last wk.Blink: Intent to Prototype: Slotted Options for <select>
Oh this is maybe fun - a pure CSS way of hiding a “slot” of children if there are any children in that slot that aren’t allowed. For example, a Button Group component that only allows Buttons as children; otherwise the slot is display:none’d Maybe I’ll write a tiny thing about this.
popover="hint" landed in Firefox 153. Here's how it differs from regular popovers: youtube.com/shorts/HWetx... (sorry for the YouTube link, it seems like video uploads are broken on bsky today)
popover="hint" - new in Firefox 153
YouTube video by Firefox for Web Developers
youtube.com
Gecko: Intent to Ship: Advanced CSS attr() function.
Gecko: Intent to Ship: Advanced CSS attr() function.
Gecko: Intent to Ship: Advanced CSS attr() function.
groups.google.com
Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts? (Both currently in Canary w/flag)
Ooh found another bug in Firefox. My company’s biannual hack fest is coming up soon, maybe if it’s not solved by then I’ll take a shot at fixing it. bugzilla.mozilla.org/show_bug.cgi?id=2049752
Crazy and somewhat feasible idea of the day (with @nerdy.dev): Decompile CSS Style Queries to Space Toggles for older browser support but written in the better syntax Not a 1:1 comparison, limited in some ways, but if you live in those constraints, could work.
Firefox 152 landed today, and includes web platform features like: 🎉 CSS field-sizing 🎉 Notification actions 🎉 unadjustedMovement pointer locks 🎉 getAnimations() pseudoElement option …and more! developer.mozilla.org/en-US/docs/M...
Firefox 152 release notes for developers (Beta) - Mozilla | MDN
This article provides information about the changes in Firefox 152 that affect developers. Firefox 152 is the current Beta version of Firefox and ships on June 16, 2026.
developer.mozilla.org
Prop For That 📣 An a-la-carte #JS library for #CSS developers that writes meaningful realtime CSS variables to an element: - value of an input - pointer position - size of scrollbar(s) - colors in an image/video - element's visibility - tons more… nerdy.dev/prop-for-that
Prop For That
Everything JS knows, now CSS knows.
nerdy.dev
What web technology is coming in Safari 27.0? Find out here. webkit.org/blog/17967/n...
News from WWDC26: WebKit in Safari 27 beta
Safari 27 beta is here.
webkit.org
You already know the Gehrig Day shirt choice!! Thanks to @rotowear.bsky.social & @pitchingninja.com ! 😭 #EndALS
How’s moveBefore coming along? Are libraries adding support for it or still waiting it out? Would be nice to use the connectedMoveCallback lifecycle
The highest satisfaction I get is having informal deep dives into things with teammates and helping us all grow. Today was into our custom decorators and “reflectors” that we have for our web component properties. And no session is complete with referencing @jakearchibald.com ‘s article haha
HTML attributes vs DOM properties
They're completely different, but often coupled.
jakearchibald.com
Until @jakearchibald.com tells us how to get the cool Firefox stuffed animal, I may be forced to go with lower-quality alternatives in the meantime (Taken from here www.reddit.com/r/doohickeyc... )
CSS style() queries landed in Firefox 151 making them newly available across engines. Here's how they work:
Container style queries are such a big unlock. Low-key a major feature of the platform becoming newly-baseline
Firefox for Web Developers@webdevs.firefox.com · 3mo agoFirefox 151 is out now, and brings with it some tasty new web platform features: 🎉 Container style() queries 🎉 Web Serial API 🎉 Document Picture-in-Picture API 🎉 keyboardLock on requestFullscreen …and more! developer.mozilla.org/en-US/docs/M...
If you put 60 on the microwave, you get 60 seconds If you put 90, you get 90 seconds If you put 120, how many seconds do you get? A: 120 seconds B: 80 seconds C: I only use “+30 seconds” button ever so I don’t have to think about this
I’m a little confused by the revert-rule examples on mdn developer.mozilla.org/en-US/docs/W... Especially since the behavior between supported and non-supported browsers is the same. Am I missing something?
revert-rule - CSS | MDN
The revert-rule CSS-wide keyword rolls back the cascaded value of a property to the value it would have had if the current style rule had not been present. The cascade then determines the value from t...
developer.mozilla.org
Emmet Sheehan is on the mound tonight His gloves all say “K ALS” How lucky are we to have that sentiment represented on an MLB mound?! 😭 #EndALS
Dang this is an extremely meaty update to STP. My eyes glazed over reading all the fixes webkit.org/blog/17953/r...
Release Notes for Safari Technology Preview 243
Safari Technology Preview Release 243 is now available for download for macOS Tahoe and macOS Sequoia.
webkit.org
Always fun when you think you knew something and then find out that thing you knew was wrong TLDR Don’t trust me
Jake’s ability to articulate his reasoning is unparalleled. Even more impressive to me is that he’s also good at it in person, too. Makes me jealous. In any case, yeah, I agree with this.
Firefox for Web Developers@webdevs.firefox.com · 3mo agoChrome looks set to ship an LLM Prompt API to the web platform. At Mozilla, we oppose this API. We feel it has a large interoperability risk, and Google imposing T&Cs on a web API sets a dangerous precedent. Full details: github.com/mozilla/stan...
@stuffbreaker.bsky.social I think we finally got a CEM out in our types package. 😅
What I really need is a calendar event type that not only notifies me beforehand, but ALSO notifies me before the event ends. For when you not only have to drop someone off at an event, but also pick them up. (Children, family, friends, etc)
As of latest Safari Tech Preview (242) support for the dialog closedby attribute is enabled (not enabled for stable yet). If people could give it a test that would be a great help! developer.mozilla.org/en-US/docs/W...
HTMLDialogElement: closedBy property - Web APIs | MDN
The closedBy property of the HTMLDialogElement interface indicates the types of user actions that can be used to close the associated <dialog> element. It sets or returns the dialog's closedby attribu...
developer.mozilla.org
@jacquesnewman.bsky.social has been working on this tirelessly for a long time, huge kudos for all the work here. This is a massive feature for the platform. Thank you!
IntentToShip@intenttoship.dev · 3mo agoBlink: Intent to Ship: Focusgroup