Meet sibling-index() and sibling-count(). Staggered cascade effect in one line of CSS without :nth-child() rules or JS workarounds. Works for 5 items or 5,000. You know that thing where you…
Hydration mismatches are easy to spot in development and frustratingly hard to diagnose in production. In development, React can show the mismatching content, a component stack, and a more readable…
June 15, 2022 by Andrew Clark, Dan Abramov, Jan Kassens, Joseph Savona, Josh Story, Lauren Tan, Luna Ruan, Mengdi Chen, Rick Hanlon, Robert Zhang, Sathya Gunasekaran, Sebastian Markbåge, and Xuan…
Introduction The most exciting thing about container queries, in my opinion, is that they expand what’s possible in terms of user interface design. They give us new options when it…
Next.js 15.4 includes updates to performance, stability, and Turbopack compatibility. Highlights for this release include: This blog post also includes an early preview of what’s coming in Next.js 16, our…
How many requests should it take to navigate to another page? In the simplest case, a navigation is resolved in a single request. You click a link, the browser requests…
A few months ago, I wrote about my migration from Postgres to SQLite. I ended that with a “to be continued” because I had a number of issues related to…
I was working on a somewhat complex client mobile app, using Supabase as a BaaS and to manage authentication, and my SB onAuthStateChange callback had gotten, well, gnarly. const {…
What people say, feel, think, and do are often very different things. To understand the underlying reasons for user behavior, it helps to look beyond the surface and explore hidden…
In a hyper-competitive market, inclusive design is no longer a “nice to have” part of modern solutions. Whether you make your users feel truly included can make an enormous difference…
