99% of My Website Traffic is Bots — Nick shares details of a year-long battle against large-scale bot traffic, looking at how the nature of bot traffic is quickly evolving, and the steps he took to mitigate it (specifically using Cloudflare's rules). A transparent look at a growing site reliability problem.

Nick Gray

🪄 Five CSS Properties You Should Know for Better Text Designs — A review of some techniques for sprucing up text on the web with CSS. There's code and demos showing how background-clip, box-decoration-break, and letter-spacing can add some wow factor.

Preethi Sam

Frontend Architecture: Monoliths to Microfrontends — Maxi Ferreira walks through modular monoliths, monorepos, and microfrontends so you can pick the right structure for your codebase and know the real cost before you commit.

Master.dev sponsor

Unlock Immediate Diagonal Scrolling with CSS scroll-axis-lock: none — Browsers try to be helpful and 'rail' your scrolls, locking you to one axis when your gesture is mostly one way. Fine for documents, bad for maps and zoom UIs. scroll-axis-lock: none switches the railing off. Chromium 153+ only for now, but it degrades gracefully.

Bramus Van Damme

Join Sentry Live: How Etsy Stays Crash-Free — Sentry and Etsy break down how they prep for peak traffic and debug in real time.

Sentry sponsor

How Baseline Can Help You Ship Less JavaScript — Shares a practical approach to auditing your dependencies: Grouping them into clusters (Intl, HTTP, UI primitives, lodash), questions to ask before deleting things, and more.

Jad Joubran

Dark Mode Toggles: Two States are Enough — A look at how to implement a good dark mode toggle. Lea reminds us that users do not seek out solutions to problems they don’t currently have, and that when it comes to a toggle for dark mode we don't need every state visible in the UI.

Lea Verou

HTML Over WebSockets: Real-Time SPAs With Barely Any JavaScript — This idea isn't new, but Andros notes it's gained traction recently. Here he outlines a real-time, bidirectional approach, explaining how it works and when it pays off compared to other methods.

Andros Fenollosa

Your SPA is Leaking Memory: 'Soak Test' It — A look at how to run a Playwright 'soak test' that loops a user flow, watches Chrome's DOM node and listener counts, and fails CI when a memory leak creeps in.

Den Odell

TermDOM: Build Terminal UIs with HTML, CSS and the DOM — Take your web development skills to the terminal with this new project from the creator of Crank.js. Build Node, Bun or Deno-powered TUIs with vanilla JS or any frontend framework. (Flexbox and forms? Yes. CSS Grid? Not yet.)

Brian Kim

The Slowest Part of Your UI Is a Backend Query — TimescaleDB extends Postgres so the query behind the render returns fast at scale. Get $1000 credit to start.

Tiger Data (creators of TimescaleDB) sponsor

WCAG-EM Report Tool — A web-based tool from the W3C that turns your accessibility evaluation findings into a report. Freshly updated to WCAG-EM 2, which widens its scope beyond websites.

W3C

🤖 use-webmcp-tool: A Hook for Using WebMCP — WebMCP is an in-development web standard for exposing page-based JavaScript functions for AI agents to use.

Sarah Drasner (Google Chrome Labs)

Morphicons: Morphing Library for Stroke-Based Icons — To morph an icon, all you do is change a prop. The live demo on the homepage demonstrates the effect well. I like it!

Guillermo López

Dot Matrix: 55+ Dot Matrix-Style Loading Animations, Built With React & Tailwind — Easily customize the color of the animated 'dots' and you can install via the shadcn registry. Toggle dark/light on the page to see the animations on different backgrounds. Source.

Shawn

Critical CSS Generator — Enter your URL and this will extract the minimal CSS needed to render above-the-fold content.

Kigo Studio

The Windows 'Pipes' Screensaver Built in CSS — Here's the much-loved Windows NT Pipes screensaver, but reimagined in CSS form. It's powered by the cssGraphics library and the PolyCSS engine (a CSS 3D engine).

Layoutit