Why would someone use ElementInternals in an accordion web component?

I'm excited to announce WC Toolkit's new CEM Analyzer Plugin for Vite, Rollup, Rolldown, or Webpack builds. ✅ Auto-runs on build 🔁 Reruns on file changes 🔧 Zero config — auto-discovers your CEM config file #WebComponents #webdev #frontend #javascript wc-toolkit.com/cem-utilitie...

Some new things have rolled out recently in the #WebComponents helpers for @storybook.js.org: - added storybookHelpersReloader utility for automatic CEM watching & reloads - added per-story #CSS scoping via useScopedStyles - bug fixes #webdev #frontend #javascript wc-toolkit.com/integrations...

A trend I have been noticing more and more in #DesignSystems is creating opinionated CSS resets. I love it! It makes your app feel themed without ever having to touch a component. #webdev #css #frontend dev.to/stuffbreaker...

Nothing like a lively conversation about whether links should be styled as buttons and vice versa. #DesignSystems #WebDev

👀 crrev.com/c/7952977 “Support colorspace and alpha attributes on <input type=color>” Available for testing behind the Experimental Web Platform Features flag in Chrome Canary, starting tomorrow.

I'm excited to announce the new WC Toolkit #WebComponents type generator for @vuejs.org! This provides inline documentation, autocomplete, and API validation. wc-toolkit.com/integrations...

How are teams organizing their #DesignTokens based on the @designtokens.org spec? Are they in single file, split up by theme, category, tier, etc.? #DesignSystems

I had an interesting conversation the other day. There was a desire to make only colors adjustable for light and dark modes. The problem with that is that more than just colors need to be adjusted in those modes like shadows, font weights, letter spacing, etc. #designsystems

The idea popped into my head that maybe you could use the <template> element to create virtualized content while still making it available for AI agents and bots, so I decided to test it out. #html #webcomponents #javascript #performance dev.to/stuffbreaker...

@davatron5000.bsky.social and @chriscoyier.net thanks for the shout-out on this week's episode of @shoptalkshow.com! I'm happy to help out with #WebComponents DX where I can. shoptalkshow.com/717/

The State of CSS 2026 survey is out! These survey's are a huge signal to the browser makers on what people want, and the more people fill the out, the better that information is. survey.devographics.com/en-US/survey...

Women's clothing sizes are the dumbest, most nonsensical thing ever...

One of the pain points of my #WebComponents type parser was its inability to parse types from "node_modules". Now it will parse them, and if it can't, it logs a warning with the type name, declaration location, and reason it was skipped. wc-toolkit.com/documentatio...

In #WebDev, do you say "semi-bold" or "demi-bold"? #DesignSystems #CSS

As always, a classy talk from @chrisdemars.net @stirtrek.com! #DeveloperCommunity

I've been having fun making these & I'm really happy that people are enjoying them. They're assembled, composited, and encoded in the browser. I love how much you can do with the modern web platform.

What happened to this #WebComponents feed? It hasn't updated anything in over a week? bsky.app/profile/did:...

I love that #WebComponents are so fast!!!

If you're using the Custom JSDoc Tags plugin for your #WebComponents, you can now add them at the property level! wc-toolkit.com/documentatio...

Introducing Litro - a fullstack framework for Web Components. File-based routing, SSR + SSG, API routes, Vite HMR. Basically the Nuxt/Next experience, but you write Lit, FAST Element, or Elena components instead of React/Vue. #WebComponents #Lit #TypeScript #SSR #OpenSource #WebDev litro.dev

this is a great CSS read. blog.gitbutler.com/the-great-cs... not to mention syntax improvements; nested CSS, CSS vars and mixing colors, et al.

When I was at Microsoft, we were trying to find ways around some of the pain points of #WebComponents, so I did an exploration on what Declarative Custom Elements could potentially provide us. #html #css #javascript dev.to/stuffbreaker...

@davatron5000.bsky.social: "Burton Smith still uses Dev.to for his personal blog". #webdev #webcomponents #designsystems

Food for thought all you people out there #developingdesignsystems https://report.zeroheight.com/#:~:text=do%20you%20use%3F-,Web%20frameworks,-Label #webdev #webcomponentscg

Are teams using #TypeScript declaration maps to provide a better go-to-definition experience for developers? I've used source maps, but I don't think I've provided declaration maps. #SoftwareEngineering #Programming

When you are in an #html file and you want to go-to-definition for a custom element, what do you think the behavior should be? Should it go to: - type definition - JS file where class is defined - CEM entry - something else #webcomponents #javascript

I updated my article on reducing #WebComponent FOUC to include details on how to choose an appropriate timeout. #html #css #javascript dev.to/stuffbreaker...

Wild how far you can push "customizable select" with just #CSS nerdy.dev/nice-select

Finally solving the tooltip arrow usecase with a new CSS property called border-shape ⚠️ WIP early-stage API, timeline TBD, more info coming soon But it brings a lil tear to my eye to see this working, border & all 🥲 This demo uses anchored container queries + border-shape + a little animation

TIL, Chrome 144 ships some new pseudo-classes. 👏 Within limits, you can now style the matching strings of the "find in page" search. ::search-text { // matching strings } ::search-text:current { // currently matched string } More on the blog. 👇 www.stefanjudis.com/today-i-lear...

I've been having fun with improving this FOUC solution for #WebComponents. Thank you, everyone, for the feedback! I've improved upon it.

I've been trying to think of a way to reduce the flash of unstyled content (FOUC) when using #WebComponents with something I could add to my #CSS reset and not need #JavaScript. Here's what I came up with:

Awesome episode! Thanks for the shout-out @davatron5000.bsky.social! Any time you and @chriscoyier.net want to chat about web components DX, I'd love to come on (I know, I know, it's the nerdiest of topics).

Ladies, gents, and non-binary pals: I could use some work. Here's what I do best: - Workshops: JS, TS, web components, frontend performance… - Development: vanilla frontends, legacy refactoring (esp. React, CSS) - DevRel: yapping & writing - General coaching & code review 👉 [email protected]

The #WebComponents CEM Validator just got an upgrade with improved logic for rule evaluation and better type checking when evaluationg exported types. #webdev #html #css #javascript wc-toolkit.com/cem-utilitie...

After spending a week at a tech conference talking about how #AI is disrupting our industry, it was interesting to hear @jamesgunn.bsky.social having the same conversation on @smartless.bsky.social about the entertainment industry. www.smartless.com/episodes/epi...

Some changes in @storybook.js.org v9 and v10 removed the ability to log events in the "Actions" panel. I updated the Web Components helpers to account for this. It's now built into the `template` helper, or you can manually log them. #webdev #html #javascript wc-toolkit.com/integrations...

🌶️ HOT TAKE 🌶️ `aria-label` is not accessible because it doesn't support browser localization. #a11y #l10n #i18n

It's weird to think about localization (#l10n) as a form of accessibility (#a11y), but it makes sense. #webdev #i18n

At first, I thought it was weird that @svelte.dev surfaces #css variables as props, but I now I kinda like it... svelte.dev/docs/svelte/...

I updated my @lit.dev starter kit for building a web component library with all of the latest bells and whistles from the WC Toolkit. Give it a try and tell me what you think. #webdev #html #css #javascript github.com/break-stuff/...

Dammit, @davatron5000.bsky.social! I'm supposed to be prepping for a web components workshop tomorrow and you had to go and nerd snipe me with Declarative Shadow DOM service workers...

I'm #css, why don't we have `display: screen-reader` yet? Instead, every library implements some kind of visually hidden class to slap on everything.

The #WebComponents Toolkit JSX type generator has some exciting updates! 1. Strongly typed events (strongly types the `event.target`) 2. SolidJS type support #TypeScript #JavaScript #HTML wc-toolkit.com/integrations...

Happy New Year! The #WebComponents @react.dev wrappers have joined the WC Toolkit and have some nice upgrades, including: - Strongly typed events - CSS variable types for components - Component and tag name formatting wc-toolkit.com/integrations...

Happy holidays! I thought I would sneak in a little gift for everyone with the #WebComponents Language Server for @zed.dev! Enjoy! wc-toolkit.com/integrations...

I was really surprised to see that more users have installed the Web Components Language Server for @intellijidea.com than @webstorm.jetbrains.com!

I hate that everything in #GitHub is called an "issue". Some of them are feature requests, proposals, or questions.

Today I learned a term that I find myself guilty of more than I care to admit in team projects - "licking the cookie". #webdev #opensource #oss #programming www.redhat.com/en/blog/dont...