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

typography details - tabular nums - right-aligned number columns - curly quotes, not straight - no text widows - no ligatures in code blocks

One more custom <select> demo, with a bunch of CSS transforms and animations. I can't get enough of this. So cool.

NEW POST Erik Doernenburg maintains CCMenu: a Mac application that shows the status of CI/CD builds in the Mac menu bar. He assesses how using a coding agent affects internal code quality by adding a feature using the agent, and seeing what happens to the code. martinfowler.com/articles/exp...

CSS Anchor Positioning is one of those features that instantly changes how you think about layout.
I built a small demo connecting comments and replies using nothing but anchor() — no JS, no extra markup. 🧵 Relationships, not coordinates. rolandfranke.nl/frontend-sto...

There are few ideas to integrate Engramma into various tools. Now you can use Engramma on your website. The new engramma package packs the whole app in a Custom Element that you can drop into a dialog and use to edit design tokens extracted from CSS variables directly on the page.

The purpose of this library + the header on it's website = ♥️ bonsplit.alasdairmonk.com #webdesign

👀

The Incredible Overcomplexity of the Shadcn Radio Button 👉 paulmakeswebsites.com/writing/shad... #react #webdev

View Transition Types are newly baseline! These make it easier to build transitions that are specific to particular situations. Also, we have some new View Transition DevTools in Firefox 147…

"It’s really tempting to say that you’re just “using the resources you have” when you use a simple query here and there, but your brain is the best resource you’ll have for the rest of your life, and you should keep it sharp." @cassidoo.co Do not give up your brain 🔗 cassidoo.co/post/good-br...

David Lynch passed a year ago today. I hope we all can absorb just a little bit of the energy he put out in his lifetime.

One of the huge perks of working at a software company is, when there's something about the product that bothers you personally, you can get your hands dirty and find out why it's basically impossible to get fixed

Announcing Design Token Sets in Engramma: global token categories that separate foundational, semantic, and component specific design tokens without polluting generated CSS variable names. --foundation-colors-blue → --colors-blue --semantic-colors-primary → --colors-primary

wrote some things I've been thinking about ai ... and it ended up feeling very personal roe.dev/blog/the-go...