How Google's Modern Web Guidance feeds Baseline-aware platform best practices into AI coding agents, how to pair it with your own design token skills, and an honest look at its telemetry, Apache-2.0 l...

CSS containment lets you isolate layout and paint work to self-contained ‘islands’. Here’s what each contain value does and how to use it safely.

For eight years, I’ve wanted a high-quality set of devtools for working with SQLite. Given how important SQLite is to the industry1, I’ve long been puzzled that no one has invested in building a reall...

YouTube video by CodeTV

🌳 A powerful Git worktree CLI tool with automated setup, branch tracking, and smart navigation - satococoa/wtp

The software engineering job of the future won't involve writing code; it will involve orchestrating AI agents to write code for you.

We analyzed 470 open-source GitHub pull requests, using CodeRabbit’s structured issue taxonomy and found that AI generated code creates 1.7x more issues.

Can React Server Actions replace fetch for client-side data fetching? Let's investigate and find out.

I just finished Goose’s Advent of AI. Everything from CI automation to hand-gesture controlled apps...

In my first post on contrast-color() I demo’d using color-mix() to change a background-color on hover, but I will be honest… mixing black and white isn’t always what you want. It would be cool and hel...

What does "Has a meta name viewport tag with width or initial-scale" mean in Lighthouse? This audit checks if your page is mobile-ready. Missing it...

YouTube video by Welch Labs

Loading styles on the web is something that looks trivial at first. You just add a <link rel=stylesheet> to your page (or <style> for inline styles) and you're done. But if you wanted to load CSS fas...

YouTube video by Pomerium

Have you heard of React Server Components? Even if you don't work with React daily, you probably have. It's been the hottest topic in the last few years in the React Community. And in addition to bei...

To build instantly loading websites was always my goal. For years, however, this remained an aspirational target rather than a technical reality for the open web. We spent a decade optimizing critical...

Canvas-based rendering has become a prominent tool for building complex web UI interfaces. When working with large images on canvas, one critical challenge stands out: keeping the main thread responsi...

I want to write more about what makes a good design system. This is the unstructured list of principles I think matter.

Embedded in this year's network and device estimates is hopeful news about the trajectory of devices and networks. It has never been easier to deliver pages quickly, but we are not collectively…

Link to the code that reproduces this issue https://github.com/leo-cheron/next16-cache To Reproduce Create a Next.js 16 app with dynamic routes (e.g., app/[locale]/page.tsx) File: app/[locale]/page...

We achieved a 20,000× performance improvement in route matching in TanStack Router. Let's be honest, this is definitely cherry-picked, but the number is real and comes from a real production applicati...

Grab any element on in your app and give it to Cursor, Claude Code, etc - aidenybai/react-grab

YouTube video by DEFCONConference

Learn how to use Cache Components and combine the benefits of static and dynamic rendering.

<p>Modern frameworks like Svelte are fast thanks to signal‑based fine‑grained reactivity, but performance is more than 60fps. This talk covers new approaches to build fast, reliable, data‑efficient ap...

Steve Ruiz talks about what tldraw is and who it's for, how they've dealt with data on all the computers, what's new in the tldraw SDK, ideas for building on top of tldraw, tldraw's business model, and what the future holds for tldraw the company.

Guidance to build modern web experiences that work in every browser.

In this video, I demonstrate how the Chrome Prompt API works, which is currently available for use. I show how it can analyze comments and suggest more constructive alternatives, steering clear of…

Every once in a while someone asks specifically about how to manage CSS performance for a website. What if there's a lot of components? What if there's a lot of animations? What if there's a lot of ju...

Input simulation is key to letting AI interact with computers. But what is it, and how can world-changing technologies rely on the kindness of a lone maintainer?

Millions of books and scientific papers are captured in the collection’s current iteration.