Signup here for the newsletter to get the weekly digest right into your inbox.
weeklyfoo #139 is here: your weekly digest of all webdev news you need to know! This time you'll find 39 valuable links in 5 categories! Enjoy!
🚀 Read it!
- How Soon is now() in PostgreSQL: now() isn't the current time but when the transaction started, which matters when a retry loop sees the same frozen timestamp and never makes progress by Oskar Dudycz / postgres, sql, engineering / 12 min read
📰 Good to know
- The State of CSS Centering in 2026: Modern approaches to centering elements using place-self, anchor positioning, and text-box by Temani Afif / css, frontend / 16 min read
- A hacker group is poisoning open source code at an unprecedented scale: TeamPCP has corrupted hundreds of open source tools in supply chain attacks even breaching GitHub via a poisoned VSCode extension by Ars Technica / security, open-source / 11 min read
- Microsoft's Quiet Claude Code Retreat and the Real Cost of Enterprise AI: Microsoft cancels most Claude Code licenses in its Experiences and Devices group telling engineers to migrate to Copilot CLI by June 30 by The Next Web / ai, engineering / 11 min read
- Staged Publishing and New Install Controls for npm: npm and pnpm now support a review period before packages go live on the registry, with new options to control package sourcing by GitHub / npm, javascript, security / 6 min read
- Chrome Previews Declarative Partial Updates: Two new experimental HTML APIs in Chrome 148 for out-of-order updates via template-for and setHTML/streamHTML, with polyfills available by Chrome Developers / chrome, html, frontend / 18 min read
- Optimizing Build Times by Migrating from Webpack to Rspack: How Yelp cut build times in half with the Rust-powered webpack drop-in and what they learned about barrel files by Benson Pan / performance, javascript, build / 8 min read
- Agentic Engineering Patterns: A growing guide collecting coding practices and patterns for getting the best results from coding agents by Simon Willison / ai, agents, engineering / 3 min read
- Don't Put aria-label on Generic Elements like Divs: Why slapping aria-label on a plain div or span is a spec violation and how screen readers across browsers show wildly inconsistent results by Manuel Matuzovic / accessibility, html, a11y / 4 min read
- Framework-Agnostic Design Systems: A Practical Approach to Web Components: An accessible guide that covers managing, building and packaging design system components across frameworks by Scott Riley / design-systems, web-components, frontend / 54 min read
- The Production Playbook for Node.js Stream Leaks: Five failure modes for Node streams that sail past tests and code review then break under real traffic, from unnoticed disconnects to leftover upstream fetches by Durgesh Pawar / nodejs, performance, engineering / 21 min read
- TOAST: Where Postgres Hides Big Values: A deep dive into how Postgres transparently stores oversized rows out of line and what that means for performance by Radim Marek / postgres, performance, engineering / 15 min read
- How Linear is So Fast: A Technical Breakdown: A teardown of Linear's local-first architecture, aggressive code splitting, granular observables, and GPU-accelerated animations by performance.dev / performance, engineering, frontend / 26 min read
- How Vercel Cut Build Wait Times from 90 Seconds to 5: Hive, an internal platform on AWS Firecracker microVMs, gave Vercel an 18x gain by stacking faster cold boots, a warm pool, and millisecond boot times by ByteByteGo / performance, engineering, devops / 14 min read
- How 2004 RuneScape Fit a Multiplayer RPG into 56K Dial-Up: A deep dive into the custom bit-packing protocol that kept a massive MMO playable on dial-up using shared world state by jkm.dev / performance, engineering, history / 30 min read
- I Didn't Become a Developer to Review AI Slop: AI made it cheap to open pull requests but not trustworthy, burying developers in mystery diffs that look clean on the surface but hide bugs and debt by builder.io / ai, engineering, review / 14 min read
- Introducing Dynamic Workflows in Claude Code: Claude can now write orchestration scripts that spin up hundreds of parallel subagents for complex end-to-end tasks, in research preview for Max and Enterprise plans by Anthropic / ai, agents, engineering / 19 min read
🧰 Tools
- a11ysupport.io: Check if accessibility features work across browser and screen reader combinations by a11ysupport / accessibility, a11y, tools
- tiks: Procedural UI sounds for the web with zero audio files by rexa-developer / audio, ui, javascript
- theSVG: Search and ship 6047 brand SVG icons with npm, React, Vue, Svelte, CLI, and MCP server support by Gagan Deep Singh / icons, svg, tools
- Brownies: Lightweight JavaScript library for managing cookies, localStorage, sessionStorage, and IndexedDB using standard property accessors by franciscop / javascript, storage, browser
- Webwright: SWE-style browser agent framework that gives agents a terminal to launch browser sessions and complete long-horizon web tasks end-to-end by Microsoft / ai, agents, tools
- Deno 2.8: Biggest minor release yet with improved Node.js compatibility, native package manager improvements, and new runtime features by Deno / deno, javascript, runtime
- Pico: Ultra-tiny router for Cloudflare Workers and Deno at under 400 bytes by Yusuke Wada / javascript, router, serverless
- TEGAKI: Animated Handwriting from Any Font: Turns any font including non-English into animated handwriting and works with all major frameworks, with built-in handwriting fonts and a live playground by Gokhan Kurt / typography, animation, javascript
- FLUE: A TypeScript agent harness framework from the Astro team, akin to Claude Code with tasks, sandboxing and agent skills but entirely headless and programmable by Fred K. Schott / ai, agents, typescript
- Helmet.js 8.2: Express middleware that sets HTTP security headers like Content-Security-Policy and Strict-Transport-Security, now updated after a year by Hahn and Baldwin / security, express, nodejs
- Kysely 0.29: Type-safe TypeScript SQL query builder adds compile-time table scoping, read-only access enforcement at the type level, and AbortSignal query cancellation by Kysely / typescript, sql, tools
- Retune: Visual design tool that lets you select and modify website elements directly in the browser while an AI agent writes the corresponding code, integrating with Claude Code and Cursor by Retune / ai, design, tools
- OpenPencil: Open-source design editor that natively opens Figma .fig files using a Kiwi binary codec to ensure round-trip fidelity by OpenPencil / design, figma, open-source
- Resend Claude Code Plugin: Official Claude Code plugin with skills for creating React Emails, sending and receiving with Resend, agent inbox setup, and built-in Resend MCP server by Resend / ai, email, tools
- Skybridge: Full-stack React framework for type-safe MCP applications and servers, with hot module reloading and a local emulator for AI environments like Claude and ChatGPT by Alpic AI / mcp, react, ai
- pip-it-up: Pop any React UI component into a floating picture-in-picture window with a few lines of code by Saurabh Shakya / react, ui, javascript
- heerich.js: Minimalist JavaScript engine that constructs 3D voxel scenes and renders them as pristine SVGs by meodai / javascript, 3d, generative
🤪 Fun
- BEMoji: BEM methodology but with emoji as class names by Tom Hayes / css, bem, humor / 10 min read
- JS Crossword: A hand-crafted crossword puzzle where all the answers are JavaScript that seriously tests your JS knowledge by Lyra Rebane / javascript, fun, games / 2 min read
📺 Videos
- What's new in Web UI at Google I/O 2026: Google IO session covering new CSS features, baseline updates, and browser capabilities shipping in 2026 by Google Chrome Developers / frontend, css, google
- Gents in the Monorepo: How Stripe Uses LLM Coding Agents: Chris Ruiz from Stripe walks through agent strategies in production, from autonomous minions producing PRs from Slack to Claude Code-based agents executing multi-step migrations by Chris Ruiz / ai, agents, monorepo
- Introducing WebMCP: Agents in the Browser: RL Nabors walks through MCP Apps that bundle HTML, CSS and JavaScript into a single file rendered in an iframe by the agent, and WebMCP for letting browser agents call your site's existing functions by RL Nabors / mcp, ai, browser
Want to read more? Check out the full article here.
To sign up for the weekly newsletter, visit weeklyfoo.com.
Top comments (0)