I’m excited to announce the 1̶s̶t̶ 7th release candidate of Elena today! 🫶 Elena is a simple, tiny library for building Progressive Web Components. Unlike most web component libraries, Elena doesn’t force JavaScript for everything. Crafted with love and care using HTML, CSS & plain JS: elenajs.com

I sat down with Claude Code to build a test analyser. Our DX survey keeps flagging test efficiency, and I had a hunch our test pyramid was off. Wrote it up with some interactive bits. acairns.co.uk/posts/evalua...

📚 Continuing my series about design-systems, today I wrote about why I believe data-testid is a bad practice and and how role-based selectors actually help ensure your app is accessible.

blogged: Top ten Figma betrayals dbushell.com/2026/03/23/t...

A few dozen photos were taken. This was the most "on brand" photo. 😅 mode.place

Spec proposal merged. HTML video and audio lazy loading is now a web standard. github.com/whatwg/html/... html.spec.whatwg.org#the-video-el... html.spec.whatwg.org#the-audio-el...

✂️ Knip v6 is out It's finally here, and your favorite slop fighter is already speedier than expected! Can't wait to see y'all tidying up bigger codebases, faster 🚀 Blogpost + release notes: knip.dev/blog/knip-v6 Knip: knip.dev

Last week, I flew to GDC in San Francisco to show The Last Night in private thanks to @elbowgreasegames.bsky.social... More fresh GIFs in the thread.

CSS `light-dark()` is about to support images! www.bram.us/2026/03/19/m... Shipping in Firefox 150. Starting tomorrow, available behind a flag in Chromium 148.

My theory is that LLMs magnify existing organizational issues If your org already does high quality work, has a writing culture, LLMs can provide lots of leverage applied thoughtfully. If your org already couldn’t communicate well… you’re now in the danger zone

"The most valuable tools in this new world won’t be the ones that generate the most code fastest. They’ll be the ones that help us think more clearly, plan more carefully, and keep the quality bar high while everything accelerates around us." Thank you ❤️

Just upgraded my personal website from Astro v5 to v6 💫 Went pretty smoothly except I was lagging behind an old version of collections. The exemple blog GitHub repo helped a lot. Next steps: fix Vercel deployments and remaining TS errors 💪

I thought I'd do a little technical breakdown of this one. Creative experience with WebGL, scroll animations and custom interactions, built under hard accessibility and performance constraints from day one. 🧵 #FrontEnd #Javascript [1/9] 👇

Last week I asked @murphytrueman.com if she’d be open to consider moving her design systems articles off substack. Not only was she open to it, but she already relaunched her blog on ghost! Thank you for being open to feedback and actually caring! Go read her excellent articles!

Would anyone know a tool showing the component graph of a component library? Something like node-modules.dev

Making keyboard navigation effortless. Introducing focusgroup. Focusgroup is a new HTML attribute, with early support in Edge, Chrome, and other Chromium-based browsers, that completely handles arrow key navigation within complex widgets. No JS needed! ➡️ blogs.windows.com/msedgedev/20...

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

PostCSS powers 0.5% of ALL web pages but only earned $300/month for 13 years. This story is not unique. Your app likely has 550+ OSS dependencies. Most are one burned-out maintainer away from disaster. This is the Nebraska problem. And here is the fix: evilmartians.com/chronicles/s...

🔐 A simple and nice passkeys summary by @cassidoo.co 🤣 "Go… put your passwords on a post-it or something" cassidoo.co/post/passkeys/

Almost 3 years since editable.website won 2nd place at @sveltesociety.dev SvelteHack. Since then, I’ve been busy turning this from a prototype into something solid. A way to build CMS-free, in-place editable websites using only Svelte. This is v2. 🥳

Goodbye innerHTML, hello setHTML: document.body.setHTML(`<h1>Hello my name is <img src="x" onclick="alert('XSS')">`); translates to -> <h1>Hello my name is</h1>

If you'd told me that one day I'd be excited about a property called `border-shape`, I wouldn't have believed you. And yet, here we are. @una.im shared the new CSS property coming to Chrome, which allows you to actually "shape" elements. 👏 una.im/border-shape/

On the never-ending quest to quell my domain name buying tendencies, I've moved the content at designtokens.fyi to tokenpedia.ds.house. This change has the opportunity to include additional design token resources in the future. Please update your bookmarks!

Experimenting with: • OKLCH color blending • CSS 3D perspective • backdrop-filter glass • sine-based wave staggering • pointer inertia Inspired by Ordinary Folk’s motion work. Built in vanilla HTML/CSS/JS. CodePen in the replies 👇

Out with :nth-child(), in with :sibling-index()! Just so satisfying to use. * no Firefox yet

This CSS combo does something most developers skip. It handles a11y, performance, and browser support at once. Take backdrop-filter as an example. Users might not want liquid glass effects. Also, backdrop-filter consumes GPU resources because it requires real-time processing of every frame.

Glad to stumble upon this post by Margaret-Anne Storey. It echos some of my recent experiences with Generative AI. It's very quick to spin up something that is quite large and complex and you don't know how it works. And a lack of understanding is technical debt. margaretstorey.com/blog/2026/02...

What do LLMs see? I wrote a lil' tool that extracts the attention matrices out of open models and creates this typing visual, with each token's opacity changing according to its average attention score as the prompt progresses. Dimmer words are considered less important to the model.

This is a very rare lens into how a tech manager handles our volatile landscape from the inside. If you manage a team, this is a must read.

I just tried the package comparison in @npmx.dev to decide between two packages. Where has this been all my life?! 😍

Invoker Commands feel like something the platform should have had decades ago. Comparing its functionality to how we traditionally have to toggle a dialog makes current practice seem straight-up absurd. dbushell.com/2026/02/12/d...

Someone on reddit posted a demo where CSS truncates text from the middle. They didn't post the code, so here is my shot at it with Flexbox

~7 years ago I started curating a list of Design Tokens resources on GitHub… today I launch something better. An updated, tagged collection of 292+ articles on design tokens. www.alwaystwisted.com/projects/dtm... more links/resources coming soon. 🙏🖤 #DesignTokens #DesignSystems #WebDev

Animotion is such a great library for presentations. Thank you @joyofcode.xyz 🙏 animotion.pages.dev ✅ Re-usable Svelte components ✅ Design using CSS ✅ Animate via CSS, Svelte, or Animate.js I'm using it for a new set of videos

Incredible new article by @maxime.bsky.social This is a huge work, modules and examples are so cool. Thanks for the time you give to your blog! blog.maximeheckel.com/posts/shades...

Yup this is what drives me crazy in vibe coded PR. I'm used to trying to provide feedback to help contributors, especially beginners, in the long term, but when it turns out it's just a coding agent interface in a disguise and not a human learning from mistakes... it's difficult to stay motivated.

I think the hard part might not be building components, it’s making design intent legible to engineers, tools, and future teammates. Tokens, schemas, APIs, docs, naming conventions; these aren’t outputs; they’re translation layers. So, which layers are hardest to maintain? Which ones break down?

Scott Riley tested free and open source design tools out when researching his course, Mindful Design. They actually worked out better than Figma ever could, as he explains in this article with loads of options for you. piccalil.li/blog/the-ope...

This post by @rauno.bsky.social from a few years ago is still a great checklist for web UI best practices. #designsky interfaces.rauno.me

It looks like style() container queries are enabled in @firefoxnightly.bsky.social - this is one of the features I'm looking forward to most. Especially with range queries starting to roll out. @ container style(--progress > 80%) { background: green; } bugzilla.mozilla.org/show_bug.cgi...

TIL

Blink: Intent to Prototype: Lazy loading for video and audio elements

If you're not familiar with software development, seeing "lines of code produced" as a metric of quality is like paying a cook by the amount of salt they use.

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

Getting the contrasting color from another in CSS has been something I've always wanted, and you may have wanted too. You can do it today, without waiting for the dedicated function!

✨ New post pawelgrzybek.com/more-invoker... #html

We released our new ngrok.com homepage redesign last week and after the release I got given some time to bring one of our diagrams to life. I'll be doing more of these over time <3

It's always struck me how little empirical evidence there is that AI actually saves time, given how widely accepted the idea seems to be. No company has more motivation to prove it than Anthropic—yet their own study confirms the speed gain is not only insignificant, but carries *steep* penalties.

TIL I could fall in love with a website. Hats off @iamrob.in 👏

Linked lists using anchor-positioning. Adapted from my JS version which used SVG paths to this version which positions pseudo elements using position-anchor to link them to the checked checkbox items and current selected radio button. See the full demo on @codepen.io codepen.io/cbolson/pen/...