How do I get on this magical list to get @github.com Copilot for free as an #OpenSource maintainer? docs.github.com/en/copilot/h...

Access Copilot Pro for free as a teacher or open source maintainer - GitHub Docs

Get free access to Copilot Pro as a verified teacher or open-source maintainer.

docs.github.com

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...

CEM Analyzer Plugin

Vite/Rollup/Webpack plugins to run Custom Elements Manifest Analyzer

wc-toolkit.com

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...

Storybook Helpers

Helpers designed to make integrating web components with Storybook easier.

wc-toolkit.com

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...

Enhance your CSS Reset with your Design System

If you're starting a web project, you're probably starting with a CSS reset, and for most of us, that...

dev.to

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...

Vue.js Types Generator

Generate Vue.js types for custom elements / web components

wc-toolkit.com

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...

Content Virtualization using the HTML <template> Element

When I started this experiment, the core question was simple: Because content inside...

dev.to

@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/

717: Better DX for Web Components, What Was Popular That Now We’re Used To?

Dave’s changing up his camera angles, Chris has been upgrading his Sprinter van, how many hobbies is too many, what kinds of web tech was popular years ago that now seems normal, why isn&#821…

shoptalkshow.com

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...

State of CSS 2026

Take the State of CSS survey

survey.devographics.com

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...

Type Parser

Get access to your API's TypeScript values

wc-toolkit.com

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.

Firefox for Web Developers@webdevs.firefox.com · 3mo ago

CSS's light-dark() now accepts images, making it simpler to define alternate values for a dark color scheme. Here's how it works:

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!!!

Beatzball@beatzball.bsky.social · 4mo ago

Most framework benchmarks are TodoMVC. Can Litro keep up with Next.js & Nuxt on a real app? We built the same HN clone across 3 full-stack frameworks & 5 client libraries (React, Vue, Lit, FAST, Elena). litro.dev/blog/five-hn... #webcomponents #webperf #nitro #nextjs #nuxt

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...

JSDoc Tags

A CEM Analyzer plugin for mapping custom JSDoc tags to the Custom Elements Manifest

wc-toolkit.com

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.

The Great CSS Expansion

CSS now does what Floating UI, GSAP ScrollTrigger, Framer Motion, and react-select used to require JavaScript for. Here is exactly how much that saves, why these libraries were painful beyond their si...

blog.gitbutler.com

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...

How Declarative Custom Elements (DCE) Could Improve Web Components

Declarative Custom Elements promise to revolutionize web components by eliminating JavaScript requirements, solving FOUC issues, and improving SSR.

dev.to

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

a man in a suit and tie is screaming at a woman in a black jacket .

ALT: a man in a suit and tie is screaming at a woman in a black jacket .

media.tenor.com

@shoptalkshow.com · 5mo ago

707: RSS with Social, AI Agent Traffic, and What to Blog About Listener John has a VSCode extension to share, Chris muses on why nobody has attempted to build the social side of RSS, a listener is experimenting with feature-based folder structures, how do you feel about AI traffic on your website,…

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...

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

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