2 articles in one day is madness, but I finally got around to writing up how we built a whole design system in 48Kb etch.co/blog/five-pr...

New article on the Etch blog about testing a11y interaction patterns in Storybook. These will spot a11y issues in your components in about 1 line of code. etch.co/blog/testing...

I needed to cut out part of an icon yesterday and came across CSS mask-image using a radial gradient. Neat technique I had never used before! codepen.io/Gavyn-McKenz...

TIL you have to set `color-scheme: light dark;` (or the equivalent meta tag) to stop Chrome auto adjusting colours in auto dark mode so you can take it over manually.

New article: we've got to get away from thinking about creating components in design systems and instead focus on the system principles. The components should be an expression of the system, not the focus. etch.co/blog/systema...

Super interesting to see @bell.bz's Cube CSS cube.fyi. Some real similarities with Diamond UI diamond.etch.co, but some distinct differences as you get deeper. Love to see how different people solve the same problem and see if we can get any takeaways from that.

etch.co moved from Next.js to 11ty and decreased their npm dependency count from 1115 to 13! 🤯 “It feels like the tooling has gotten out of the way, and the website is just a website again ❤️” etch.co/blog/we-migr...

I'm so over lumbering javascript frameworks, bring back the web. We migrated our site to Eleventy and increased performance by 24% - How choosing the right tool for the job led to faster load times and fewer dependencies. etch.co/blog/we-migr...

When creating Design Systems, it’s easy to become focused on the components, but the internet is fundamentally about information. Users visit to consume content and complete tasks, not just to admire the UI. This approach helps to design systems that put data first. etch.co/blog/designi...

The worst thing about changing frameworks is you have to figure out how to replicate all those clever things you did over the months/years again, but all at the same time.

CSS attr() types have landed in Chrome and Edge, opening up the opportunity to make really clean grid column selectors, amongst other things codepen.io/Gavyn-McKenz...

We're on a storybook addon roll! This time we've dropped design token tables to (almost) automatically document your design tokens. www.npmjs.com/package/@etc...

We just released some a11y interaction tests for Storybook based on the W3C aria authoring practices. Great way to make sure you caught all those little keyboard interactions and invisible ria roles. www.npmjs.com/package/@etc...

Oh boy, I am trying out some 'vibe coding' and it is surprisingly productive. Is this the beginning of the end?

Accessibility gold from @heydonworks.bsky.social github.com/Heydon/princ... I particularly enjoyed "less is less".

"Code is not an asset, it’s a liability." - ain't that the truth. kellysutton.com/2025/01/18/m...

I needed a ::stuck state on an element just a few weeks ago and here they come! developer.chrome.com/blog/css-scr...

The state of UX this year is absolutely savage trends.uxdesign.cc/2025

This is such an accurate feeling of how we have layered up our lives on the internet.

This year will mark over £20K donated to environmental charities by etch.co via 1% for the planet. That's pretty awesome.

Custom select dropdowns at last! www.linkedin.com/posts/wesbos...

Finally, someone added an ability for a washing machine to choose its own cycle. www.lg.com/uk/lg-ai-cor... Been banging on about this problem for years in my "nobody wants to use your website" argument etch.co/blog/nobody-...

Some really interesting discourse here on how social media is causing social problems in our society (he says, posting on social media. Damn.) www.theatlantic.com/magazine/arc...

Back from paternity leave, what did I miss?

If you want a really good deep dive into testing with screen readers, I strongly advise reading this guide by @sarasoueidan.com www.sarasoueidan.com/blog/testing... #a11y #screenReaders #accessibility

@bradfrost.bsky.social we've been playing around with an alternative (or extension) to atomic design for organising UI components. It was heavily influenced by using atomic, would love to know what you think if you've got a sec. diamond.etch.co

I'm not sure React is that hard, but we're definitely trending away from it and towards native web and web components as time goes on. Upgrading these lumbering JS Frameworks is a nightmare.

CTA to Nav 🗺️ taking the CSS container query for stuck position: sticky elements for a spin 🔥 nav { container-type: scroll-state; } @​container scroll-state(stuck: top) { .nav__content { --expand: 1; } } trick here is to transition grid-template-columns with the custom property value to morph

Babe, wake up. New CSS layout just dropped.

We implemented a new value for `background-clip` called `border-area`. It lets you use CSS fill a border with a background image or gradient. This article explains how it works, and shows up the possibilities in 7 demos. #css #webdesign #webdevelopment #graphicdesign webkit.org/blog/16214/b...

Hello Bluesky. It seems quite nice in here. Let's hang out.