Rogin Farrer
@rogin.dev
Frontend engineer & design systems @ Etsy 👉🏻 rogin.dev
Blink: Intent to Prototype: CSS mixins
Blink: Intent to Prototype: CSS mixins
Blink: Intent to Prototype: CSS mixins
groups.google.com
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...
Reducing FOUC with Web Components
Learn practical techniques for reducing the flash of unstyled content (FOUC) as your web components/custom elements are defined to improve your users' experience
dev.to
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.
The New Yorker@newyorker.com · 5mo agoPeople are pining for old technologies—CD players, VCRs, Walkmans. What’s behind our longing for inconvenience? www.newyorker.com/culture/essa...
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
The React Foundation has officially launched, hosted by the Linux Foundation. Read more here: 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.
David Bushell 🪿@dbushell.com · 7mo agohave a chuckle at this "Git flow" slop might explain GitHub's recent outages learn.microsoft.com/en-us/traini...
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?...
Create Scroll-Triggered Animations with CSS
YouTube video by Chrome for Developers
youtu.be
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
github.com
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!
Scott Jehl@scottjehl.com · 10mo agoOnline on a weekend? You can grab access to my web components course for $25 today and tomorrow. Big ol’ discount. Use the code OCT25-26. (And as usual, if you need further accommodation, just use the email form and we’ll work it out.) scottjehl.com/learn/webcom...
show this to anyone else you know who also assumed DHH was just a normal conservative dude rather than a raging white supremacist lunatic
DHH Is Way Worse Than I Thought | jakelazaroff.com
DHH's politics are not normal. Maybe they used to be, I don't know, but as of right now the dude is_way outside of what most people would consider moral or acceptable.
jakelazaroff.com
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...
Chromium
issues.chromium.org
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
GitHub - mdn/fred: MDN's fr(ont)e(n)d
MDN's fr(ont)e(n)d. Contribute to mdn/fred development by creating an account on GitHub.
github.com
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...
A new way to style gaps in CSS | Blog | Chrome for Developers
Say goodbye to border and pseudo-element hacks.
developer.chrome.com
🚀 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...
JSX Types Generator
Generate JSX types for custom elements / web components
wc-toolkit.com