Stay ahead in web development: latest news, tools, and insights #132

#webdev #weeklyfoo #javascript #node

Signup here for the newsletter to get the weekly digest right into your inbox.

weeklyfoo #132 is here: your weekly digest of all webdev news you need to know! This time you'll find 36 valuable links in 5 categories! Enjoy!

🚀 Read it!

DHH's New Way of Writing Code: DHH switched from typing all his code to running two AI models in tmux — now he barely writes any code by hand, while his quality standards haven't budged by Gergely Orosz / ai, engineering / 11 min read

📰 Good to know

Cycles of Disruption in the Tech Industry: Martin Fowler and Kent Beck compare the AI shift to Agile and OOP — and explain why this time it's different in magnitude and speed by Gergely Orosz / ai, engineering / 13 min read
How to Use HTML Video and Audio Lazy-Loading: HTML video and audio lazy loading is now a web standard in Chrome 148, with Firefox and WebKit implementations close behind by Scott Jehl / html, performance / 12 min read
What to Know in JavaScript (2026 Edition): A comprehensive map of the JavaScript landscape today — ECMAScript 2025/2026 additions, frameworks, runtimes, and build tools by Chris Coyier / javascript / 27 min read
Claude Is Not Your Architect. Stop Letting It Pretend: AI agents are agreeable pattern-matchers that produce generic designs without understanding your real constraints — and nobody owns the result when things break by hollandtech.net / ai, engineering / 10 min read
Minimum Release Age is an Underrated Supply Chain Defense: A single package manager config change that can block fast-moving supply chain attacks before they reach your project by Dani Akash / security, npm / 11 min read
Good APIs Age Slowly: Robust APIs prioritize long-term stability by establishing explicit boundaries and avoiding exposure of internal details — the disciplined approach that turns your API into reliable infrastructure by Yusuf Aytas / engineering / 8 min read
What Is CSS Containment and How Can I Use It?: Harry Roberts explains CSS containment from first principles — a long-available but underused feature that lets browsers skip layout, paint, and style recalculations for isolated subtrees by Harry Roberts / css, performance / 20 min read
The Cult of Vibe Coding Is Insane: Fully delegating code to AI without reading the output is not a development philosophy, it's a debt factory — AI is only effective when humans actively review and guide it by Bram Cohen / ai, engineering / 7 min read
Encoding Team Standards: Practical patterns for putting your team's conventions into CLAUDE.md, linters, and CI so AI agents generate code that passes review without constant correction by Martin Fowler / ai, engineering / 15 min read
What Is Inference Engineering?: A new engineering discipline is emerging around deploying and optimizing LLMs at scale — Gergely maps what inference engineering actually involves and why teams need it by Gergely Orosz / ai, engineering / 40 min read
How Claude Code Builds a System Prompt: The accidental source code leak reveals how Claude Code assembles its context — some components always included, others conditional — showing just how complex context engineering has become by Drew Breunig / ai, engineering / 11 min read
The Git Commands I Run Before Reading Any Code: Five git commands that reveal a codebase's story before you open a single file — who built it, where bugs cluster, whether a team ships with confidence or tiptoes around landmines by Konrad Piechowski / git, engineering / 5 min read
State of Prototyping: Spring 2026 Report: 1,478 designers surveyed — Claude is now the #2 weekly design tool after Figma, 43.8% spend more than half their time vibe coding, and heavy vibe coders rate job satisfaction 7.39 vs 5.93 for non-vibe coders by Tommy (UX Tools) / ai, design / 13 min read
CSS Subgrid Is Super Good: A practical guide to using CSS subgrid (available across browsers since 2023) for laying out content from CMS systems you don't fully control by David Bushell / css / 6 min read
CSS position:sticky Can Now Track the Nearest Scroll Container per Axis: A nine-year CSS spec issue is resolved — sticky elements can now track different scroll containers horizontally and vertically, enabling previously impossible layouts, landing in Chromium first by Bramus Van Damme / css / 10 min read
light-dark() Is About to Support Images: The CSS light-dark() function is expanding beyond color values to handle images too — swap light and dark mode backgrounds with a single declaration, landing in Chromium and Firefox soon by Bramus Van Damme / css / 10 min read
Attackers Hunting High-Impact Node.js Maintainers: Ongoing social engineering campaigns targeting npm package maintainers — know these techniques before you become a target by socket.dev / security, nodejs / 12 min read

🧰 Tools

view-transitions-toolkit: Utility functions for working with View Transitions — patterns, helpers, and demos collected from Bramus's years of experimentation by Bramus Van Damme (Google) / css, animation
dryrun: Offline-first Postgres MCP server — lets AI agents access what they need from your database using a JSON snapshot, never a live connection by Radim Marek / postgres, mcp, ai
rpg: A psql-compatible Postgres terminal written in Rust with built-in DBA diagnostics and an AI assistant by Nik Samokhvalov / postgres, rust, cli
Fuse.js 7.3: Lightweight fuzzy-search library — v7.3 adds per-term fuzzy matching and static single-string matching, zero backend required by Kiro Risk / javascript, search
Xilem: Experimental high-performance reactive UI framework for Rust inspired by React and SwiftUI by Linebender / rust, ui
Hippo Memory: Biologically-inspired memory system for AI agents that prevents context loss through memory decay and consolidation — hybrid search and multi-tool management for more adaptive agents by Keith So / ai, memory
Caveman: Claude Code skill and Codex plugin that compresses LLM communication by stripping filler words while maintaining technical accuracy — cuts token usage by an average of 65% by Julius Brussee / ai, claude, tools
Gemma Gem: Chrome extension that runs Google's Gemma 4 model entirely on-device via WebGPU — no API keys, no cloud, no data leaving your machine by Yaniv Kessler / ai, chrome
human.json: Machine-readable file for documenting the humans behind a website — a structured JSON alternative to the classic humans.txt by Beto Dealmeida / tools
Little Snitch for Linux: The beloved macOS network monitor finally comes to Linux — see every hidden app network connection, block unwanted traffic, manage blocklists, write custom rules, and view detailed traffic history by Objective Development / linux, security
Skrun: Open-source platform for deploying Agent Skills as callable API endpoints — multi-model support, stateful memory, and tool invocation via local scripts or MCP servers by skrun-dev / ai, agents, mcp
TinyTTS: Fast English text-to-speech for Node.js and Python with a 3.4MB model — CPU-only, no cloud dependency by tronghieuit / tts, ai, node
Boneyard: Snapshots your DOM and auto-generates pixel-perfect skeleton screens — no manual placeholders, supports React, Vue, Svelte, and Angular by 0xGF / react, ui
dev-browser: A Claude Skill to give your agent the ability to use a web browser by Sawyer Hood / ai, claude, browsers
Agent Skills: Production-grade engineering skills for AI coding agents. by Addy Osmani / ai, claude, skills
Awesome DESIGN.md: A collection of DESIGN.md files inspired by popular brand design systems. Drop one into your project and let coding agents generate a matching UI. by VoltAgent / ai, design

🤪 Fun

CSS or BS: Test your CSS knowledge by guessing whether each property name is real or completely made up — trickier than it looks by Keith Cirkel / css / 8 min read

📺 Videos

React Paris 2026 Talks: 23 talks from React Paris 2026 now on YouTube by React Paris / react, conference

Want to read more? Check out the full article here.

To sign up for the weekly newsletter, visit weeklyfoo.com.

DEV Community