Accessibility statements should help people get unstuck when they hit barriers, not just claim that accessibility matters. You don't need a perfect policy to start. Write what's true, name gaps, and keep it updated. Users who hit dead ends can then find a way forward. github.blog/open-source/...

Accessibility statements now have a home on GitHub

GitHub now highlights ACCESSIBILITY.md files and helps maintainers document accessibility goals, known barriers, supported environments, and more.

github.blog

Super curious, with ariaNotify going baseline what kind of best practices are people still keeping around for their utilities? Realizing that our live-region-element package had some usefulness outside of making live regions reliable

The Accessibility Compat Data project run by @lolaodelola.bsky.social is a vital and much-needed resource. Let's fund it. #a11y ericwbailey.website/published/th...

The Accessibility Compat Data project has a homepage now, and you should support the project

ACD is a much-needed piece of web infrastructure.

ericwbailey.website

Finally got a post up on the GitHuh blog github.blog/engineering/... 👀

Improving site performance by shipping more CSS

How we fully migrated github.com away from CSS-in-JS.

github.blog

It's been wild catching up on LLM stuff after being out on parental leave for a bit 😵‍💫 One of the biggest things that came up when working on Primer for me was trying to find a way to answer the question "does this make things better, or not?" This lead to a fun project: github.com/primer/agent...

Come work with me on Primer! careers-githubinc.icims.com/jobs/5423/se... Feel free to reach out if you have any questions 😄

Apple Health has decided that now that I have a newborn it is time to talk about my sleep score 😂 I get it, Apple, I also want better sleep at nights but that might not happen for a bit 😅🥲

A few years back, I nearly wrote "The Fallacy of Federated Design Systems." Then @nathanacurtis.bsky.social beat me to it. But what happens when you try it anyway? At Spotify, I watched federated fail twice, resulting in a huge number of barely reused components and damaged trust in design systems.

Why Federated Design Systems Keep Failing

Why do federated design systems keep failing? I watched it happen twice at Spotify. Here's what actually happened, where they broke down, and why centralised models usually work better.

shaunbent.co.uk

For folks that do truncation patterns in their components, how do you handle SC 1.4.4? We often see requests for truncation in different parts of the UI in GitHub but it seems difficult to satisfy this in a lot of scenarios 🤔

This reminded me that if you like Cholula definitely give Valentina a try 😋

Chris Coyier@chriscoyier.net · 12mo ago

The Great (Refrigerator) Divide I like a good hot sauce. It's not, like, my personality, but I enjoy them. There are enough different hot sauces that having a bit of a collection of them is reasonable. Cholula is a mainstay, working equally well on Mexican and egg-based dishes. Although admit…

For folks using custom elements, how do you deal with styles when doing declarative shadow DOM? 🤔 Specifically would love to avoid duplication and also would like the styles present in the initial payload instead of styles having to be parsed from the JS bundle and applied during hydration

Could be cool to try something like this @katielangerman.bsky.social @sid.st 👀👀

Gergely Orosz@gergely.pragmaticengineer.com · last yr.

Linear has a 30-minute weekly meeting called "Quality Wednesdays." I sat through one and WOW Devs show a quality or perf-related fix they did last week. It can be big, or small. We went through 17 issues, from massive backend performance wins, to this tiny one. Can you see it?

Focus rings! Plural! I wrote for @piccalil.li about how to create a branded double ring focus effect that is dynamically generated based on the interactive element's text color. piccalil.li/blog/taking-...

Taking a shot at the double focus ring problem using modern CSS

A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.

piccalil.li

Finally got around to making an MCP server for Primer: github.com/primer/react... 👀 It's been interesting playing around with tools to provide more context to agents, specifically around our components/tokens/icons/etc and their guidelines. Still holding my breath to see how much it can help 😅

Have been trying to use more custom elements for things but I feel like I keep hitting a wall 😰 Does anyone have a good example of a library that handles things like tooltips, comboboxes, etc well? 👀

Having the hardest time getting events from custom elements working alongside React components in Next.js 🤔 Anyone else have luck with this? It seems to work fine standalone but as soon as I'm in Next.js-world the events stop being fired. I assume something is going on due to SSR? But who knows 🤷‍♂️

When it comes to helpful layout components, what have folks found helpful to include in their design systems?? 🤔 In the past I’ve done ones for Grid, Stack, or a UI shell / page layout type one but would love to know if there are others people like to include 👀

After doing design systems work for a bit, the most surprising skill to have learned is how to gradually and safely migrate code (and how to design code to make that easier in the future 😅) With Primer, we own more of the migrations compared to Carbon and it's been interesting comparing the two

Having Primer Query (www.youtube.com/watch?v=lryI...) has been so nice for migrations over the years. Our team is going through moving from styled-components (with a `sx` prop) to CSS Modules and it's been amazing tracking this with charts in datadog or even as fields in our GitHub projects

Every component, everywhere, all at once

YouTube video by GitHub

youtube.com

Has anyone had success with an MCP server for their design system?? After seeing the shadcn features for their registry would love to try it out and see if it helps or not 🤔

I’d love to start writing more (especially about design systems) this year and I’m curious if I did if there are any topics that folks would be interested in here 👀

Last post of 2024! I wrote about GitHub, interactive lists, and feeeeeeeeelings. ericwbailey.website/published/gi...

GitHub’s updated Commits page and the interactive list component

This post is about interactive lists on GitHub, and how to use them.

ericwbailey.website

I’m irrationally excited for Ghostty 1.0: mitchellh.com/writing/ghos.... A month ago, I don’t know if I even realized how many terminals had come onto the scene as an alternative to iTerm but now I can’t wait to try them all 👀 (currently using WezTerm)

This kind of tool was my dream to have back on Carbon: www.youtube.com/watch?v=lryI... (tool usage at ~6:00). Being able to query all the ways a component is used is like a super power for decision making. It's also pretty nice to be able to finally measure usage lol

Every component, everywhere, all at once

YouTube video by GitHub

youtube.com

One technique that's been invaluable for releasing design systems work for me has been feature flags. It was awesome using them for the last major release of Carbon and now being able to use them for our CSS Modules migration work for Primer has been so nice.

Have been going through Converge 2024 talks this week and now I'm curious what is everyone's favorite Design Systems talk from the year?? 👀

Was curious for other folks doing design systems if you have a good way to get the TypeScript types for your package and components in it? 👀 Have been trying to look into different tools (api extractor, typedoc, docgen, etc) for this but nothing seems to quite cover everything yet.

Honestly have been loving hanging out here this week, the vibes are good 🥰 I’ve been so bummed about Twitter for so long and it’s been a breath of fresh air here.

Hello world 😄