Rogin Farrer

Lots of new followers recently. Hello world! I'm a frontend engineer working on design systems @ Etsy. (prev. Wayfair). 📍 Based in San Diego 👨🏻‍💻 Open-source maintainer github.com/roginfarrer ⌨️ I use neovim, btw 🏋🏻 🥏 🥾 Into weight-lifting, ultimate frisbee, and hiking My website is rogin.dev

Is this a good idea? Web component that creates a focus ring with the Popover API, so it can't be clipped by parents with overflow: hidden; codepen.io/editor/rogin...

Unfortunate that we cannot do this with the <img> element, but you can probably put together a workaround with <img> elements and loading=“lazy”

I’m losing track of all of these native Typescript ports

Wrote a thing on why we should have interactive lists on the web: sarahmhigley.com/writing/inte... If anyone has their own interactive list use cases that aren't covered, send them to me! I'm putting together an ARIA spec PR this month.

how it feels to get better at AI coding

I didn't want to be the one to say it, but someone has to. Preact 11 will kill all of us.

I have been writing this post about the economics of open source, on and off, for 13 years. I wasn't expecting to end up at "Microsoft should send corporations a huge bill" but nothing else we've tried has worked. https://seldo.com/posts/nobody-pays-for-open-source-we-can-force-them-to/

Today, I’m proud to announce Homebrew 7.0.0. The most significant changes since 6.0.0 are faster installations, stronger sandboxing, native macOS app, vulnerability checks, advisory database, end of macOS 10.15 support and Intel Macs to Tier 3.

HUGE!!

Blink: Intent to Prototype: CSS mixins

Has anyone heard of/experienced shadowRoot.adoptedStylesheets being slower in Safari compared to other browsers?

Hey @stuffbreaker.bsky.social, why is `@property` needed? Which browsers does it address? dev.to/stuffbreaker...

🥳

People don't long for "inconvenience." They long for permanence. And though streaming services may be convenient, people are waking up to the fact that we are paying rent-seeking middle men month after month for things we will never actually own.

I’m trying to create a custom lint rule for lit-html templates, and I’m surprised to find that there’s no stable, broadly supported parser and/or linter? Or TS support?

✨ I just released a new (free!) tool for creating custom Bézier curves! courses.joshwcomeau.com/tools/bezier It has one special feature that I haven’t seen anywhere else, and it allows us to do something pretty cool. 🧵

Hey web component world, how do you set-up WCs to support `aria-labelledby` for elements in the shadow DOM? I know there's a number of specs and proposals to address this, but I wonder what solutions we have now Currently we require a string of text for labels, not el references. Maybe that's fine?

It seems we can now customize the select element, right? right?! Demo: codepen.io/t_afif/pen/P... via @codepen.io

Is there a Bluesky filter for profiles with anime avatars?

The React Foundation has officially launched, hosted by the Linux Foundation. Read more here: react.dev/blog/2026/02...

Big react.dev/blog/2026/02...

I didn’t realize what the issue was because I was quickly scanning the diagram. Then I started reading the text. Wow. The obvious and complete lack of copy-editing and QA is more depressing to me than using AI to write this.

It would be nice if @bsky.app added hyperlinks to users handles if their a URL. Seems funny to use one’s website as a handle but then you can’t click it.

It's really sad that Chrome laid off one of the world's best CSS developer-designers, and now they have to fake demos of web features. youtu.be/d8J0vs-bEPE?...

I miss Rdio.

Yesterday at TPAC I publicized my draft proposal for adding a declarative templating API to the DOM. github.com/justinfagnan... The repo has: 📖 Explainers for the templating API and DOM scheduler API 🏗️ Full prototype implementations ⚗️ a JSX transform ⚛️ a mini React-like framework

Declarative Shadow DOM and Declarative Custom Elements sound so good, but I still wish there was a way to do progressive enhancement with them to "hoist" form controls in a shadow root up into a parent form. github.com/whatwg/html/...

Excited to check this out!

show this to anyone else you know who also assumed DHH was just a normal conservative dude rather than a raging white supremacist lunatic

hey #webcomponent people that work at search engine companies, who do i have to annoy to get some words on an official blog for Bing and whatever else about search engine crawlers playing nicely with shadow dom? there’s exactly 0 official docs saying that web components won’t hurt your SEO.

If you want `:host(:has(…))` to work in Chrome, please star this bug 🙏 issues.chromium.org/issues/40062...

The new MDN frontend (we call it Fred) is live after about 5 months of work, and a lot of planning and prototyping before that! Rebuilt using web components, it should feel a lot cleaner and more consistent for users, and is so much easier to develop in. github.com/mdn/fred

The peak of web development in 2025

Now importNode and cloneNode have the same performance in Chrome: issues.chromium.org/issues/37124... I'm happy frameworks can get simpler, but also because Lit, which always uses importNode, probably just got faster too. Filing issues for browser implementation bugs is a good thing for everyone!

Anyone ever use morphdom or idiomorph for the shadow DOM of their web components? How did it go?

Say goodbye to border and pseudo-element hacks, and hello to CSS gap decorations! developer.chrome.com/blog/gap-dec...

🚀 Excited about @wc-toolkit's JSX Types Generator! Generate complete #TypeScript type definitions for your #WebComponents in JSX frameworks like @react.dev 19+, @preactjs.com, and @stenciljs.com. ✨ Autocomplete 📝 Inline documentation 🛡️ Type validation 🔄 Event typing wc-toolkit.com/integrations...

Interviewer: Can you explain this gap in your resume? Me, a software engineer: I suspect it's CSS margin collapse. I'd update to use flex and justify-content:space-evenly but I know you recruiters trust Outlook as a renderer.

Should there be a “strict mode” for web components that calls connectedCallback twice in DEV mode to catch bugs? 🤔

hello, world

Say I have a web component (built with Lit) with a property "styleType", and its corresponding attribute is "style-type". Using conventional strategies for adding web component types to JSX, TS will autocomplete "styleType". But the correct attribute would be "style-type". Has anyone solved this?

Does anyone here really use Signal as a daily, normal messaging app, like with friends and family? I don’t know anyone that uses it, except for some who use it for work in politics. I feel like I hear about it so much, and I’ve had it for years, but have never once used it.

“If WordPress had a privileged code path that was only accessible to sites deployed to Automattic properties, would it be trusted as a truly open project and would it have the dominance it has today?” Damning, thorough write up by @eduardoboucas.com eduardoboucas.com/posts/2025-0...

Thanks to the great feedback, I started playing around with a custom element providing these public methods to be used for unit testing. I wrote them to be as similar to `@testing-library/user-event` as possible. Instead of await userEvent.type(input, 'hello'); you write await input.type('hello')