Passkeys might really kill passwords On this episode of The Vergecast, we figure out passkeys once and for all.

www.theverge.com/24071753/pas...

you can read more about how they work here www.passkeycentral.org/introduction...

Building a UI Without Breakpoints This article covers a layout approach that better fits the modern web: fluid, intrinsic components that adapt by default, and treat conditional rules as local, intentional exceptions.

Building a UI Without Breakpoints by @amitsheen.bsky.social #css

GitHub - mattpocock/skills: My personal directory of skills, straight from my .claude directory. My personal directory of skills, straight from my .claude directory. - mattpocock/skills

@Pocock.com's skills repo is such an asset for loop engineers: github.com/mattpocock/s...

Check out grill-me, ubiquitous-language, tdd, improve-codebase-architecture. Get the full rundown on how to use in your agentic coding flow: www.youtube.com/watch?v=O_IM...

Unearthing two new front-end tools for ReliCSS…

Can I Re-Use - Discovers repeated values lost in your codebase that could be custom properties

CSS De-Dupe - Uncovers duplicate declarations hiding in ancient selectors

Fortune and glory, dev, fortune and glory

https://www.alwaystwisted.com/relicss

Jason Williams - Temporal: It's about time! YouTube video by London Web Standards

If you haven't watched @jason-williams.co.uk talk on Temporal, I highly recommend it. Not only is it a great history of Temporal, which should make dates in JS *much* better, but it serves as a great primer on TC39, the committee that advances JS. Excellent work 👌

The Vertical Codebase Let's take a look at why the common, horizontal code structure is not ideal, where it breaks down, and what we can do about it.

📚 Colocation matters. Cognitive load matters. Boundaries matter. High cohesion matters. Yes, even in the age of AI (maybe even more so).

Enter the vertical codebase:

Amy Tobey's ~/.claude/CLAUDE.md April 2026 Amy Tobey's ~/.claude/CLAUDE.md April 2026. GitHub Gist: instantly share code, notes, and snippets.

I've been thinking about that, and suddenly get self-conscious 😅 gist.github.com/tobert/43e13...

Impeccable: Design skills for AI harnesses 1 skill, 18 commands, and curated anti-patterns for impeccable frontend design. Works with Cursor, Claude Code, Gemini CLI, and Codex CLI.

ok no joke, if you're not into design and are comfortable with llms in development. try this, i've been using it to harden accessibility, extract components and design tokens on a new project and its awesome.

Choosing a React Form Library in 2026: React Hook Form, TanStack Form, and Formisch Compared A practical comparison of React Hook Form, TanStack Form, and Formisch across TypeScript inference, validation architecture, and performance as forms grow in complexity.

React Hook Form, TanStack Form, or Formisch — which one should you actually pick in 2026? 🧐

We compared all three across TypeScript inference, validation architecture, and performance as forms grow. ⚡️

formisch.dev/blog/react-f...

and this:

tkdodo.eu/blog/the-que...

Have you read this?

tkdodo.eu/blog/creatin...

It cannot say it enough how good of a tool this is. Brilliant work Nathan. If you arent using this you are missing out.

Mise en Mode Express your experience in fewer than 3 dozen tokens

A very good methodology for design systems now has a book!

mode.place

We published three security advisories affecting the dev server.

Only apps using --host are affected.

Update now to the patched versions:
- Vite 8.0.5 / 7.3.2 / 6.4.2
- Vite+ 0.1.16

Links to each vulnerability report below.

Details That Make Interfaces Feel Better A collection of details that make your interfaces feel better.

Incredible article for UI developers: jakub.kr/writing/deta...

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

Been thinking about how much JavaScript we ship for basic UI patterns. Wrote it up.

Anchor positioning, Popover API, Scroll-Driven Animations and more — what they replace and what's still missing 👉 blog.gitbutler.com/the-great-cs...

i couldn’t be more excited Inlay is finally out and open source!

i’ve been working on this nonstop for the past few months. it’s a bit in the “mad science” territory but i hope it inspires you too to think about malleable and remixable social user interfaces

CSS Cascade A visual explainer of the CSS Cascade, the algorithm that determines the 'winning value' from a list of competing declarations.

I built a visual explainer of the CSS Cascade, the algorithm that determines the "winning value" from a list of competing declarations.

It's built on work by @bram.us and @miriam.codes.

cascade.arpit.codes

I wrote about how it came together on my blog: arpit.blog/notes/2026/0...

Test IDs are an a11y smell Users don't use data-testid, so why do your tests?

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

The Shape of Friction · Matthias Ott Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.

✍️ New post: The Shape of Friction

I wrote a short blog post reply to @davatron5000.bsky.social’s recent post (👏) about generative AI, friction, and people.

matthiasott.com/notes/the-sh...

There is "systematic debugging" skill from @s.ly
github.com/obra/superpo...

I love the start of this zany series. There is nothing like this on the market. Read it! #writingcommunity #writerslift #writers #booksky #bluesky #Bookboost

Announcing Vite+ Alpha Introducing Vite+, an open-source CLI that unifies your runtime, package manager, and frontend toolchain into one fast, simple development experience.

Announcing Vite+ Alpha.
Now open source.

To make JavaScript developers more productive than ever before.

A single binary that:

◆ Unifies your frontend toolchain
◆ Manages your runtime & pkg manager
◆ Caching & monorepo support

Works with every framework and meta framework in the Vite ecosystem.

Code snippet demonstrating the use of `self.crypto.randomUUID()` for generating a UUID in JavaScript, with a sample output shown.

Generate cryptographically secure UUIDs in the browser 🔐

`crypto.randomUUID()` is built into the Web Crypto API, no npm package needed.

Works in all modern browsers and Node.js 14.17+.

Learn more 👇
developer.mozilla.org/en-US/docs/...

HTML and CSS for a date picker using Cally, anchor positioning, and popover: <div class="date-picker"> <label>Date: <input></label> <button popovertarget="calendar"> Open calendar </button> </div> <calendar-date id="calendar" popover> <calendar-month></calendar-month> </calendar-date> <style> .date-picker { anchor-name: --date-picker; } calendar-date { position: fixed; position-anchor: --date-picker; top: anchor(bottom); left: anchor(left); } </style>

Cally was a bet on the future. Besides using Temporal, it also bet on popover and anchor positioning. That's why Cally doesn't have a date picker component - between those APIs building a picker *trivial*.

The MVP is 20 LoC and no JS:

Ever wondered why text never aligns perfectly?

You set padding to 24px. You check it in dev tools. But visually it looks like 32px.

The reason is invisible space above and below every text element.

CSS includes it by default because of how line-height works.

Backed it sooooo fast. I want it yesterday

This Week In React 272 🤝 @filipkaminski.com @tboba.pl

⚛️
- Astro 6
- React Compiler in Rust?
- Next.js
- shadcn CLI 4
- Helmet Async 3
- React Aria
- Preact

📱
- Navigation
- Expo Agent/Observe/Widget
- Hermes TS
- Evals
- MMKV
- Activity

🍿 Read/subscribe: thisweekinreact.com/newsletter/272

Quick & Easy UI Wins YouTube video by Winging It

This will be chock full of gems that you can start using, like yesterday.