weeklyfoo #94 is here: your weekly digest of all webdev news you need to know! This time you’ll find 35 valuable links in 7 categories! Enjoy!
🚀 Read it!
- The Pragmatic Engineer 2025 Survey: What’s in your tech stack?: Which tools do software engineers use for backend development, frontend, infrastructure, AI tooling, and more, today? Reader survey, with feedback and analysis, based on 3,000+ responses by Gergely Orosz, Elin Nilsson / survey, engineering / 28 min read
📰 Good to know
- Switching to Claude Code + VSCode inside Docker: Last night I finished a transition from my old AI coding setup I’ve been using for a while to running Claude Code in Docker using VSCode’s “Dev Container” feature. In this post I lay out a few of my thoughts on why I wanted to switch to something in the first place, and also a short guide for those who want to do the same. by Tim Sh / ai, work-setup / 10 min read
- Exposing a web service with Cloudflare Tunnel: What if you could host a web service with no ports exposed? With Cloudflare Tunnel, you can! by Erisa / cloudflare, tunnel, web-service / 12 min read
- AI slows down open source developers. Peter Naur can teach us why.: A view on the Metr paper about developer performance using AI tools by John Whiles / ai, engineering, performance / 8 min read
- Analyzing Database Trends Through 1.8 Million Hacker News Headlines: I used camelAI with a ClickHouse database of every HN story to do all analysis. You can use it for free with no login here to explore the data interactively yourself. by Miguel Salinas / ai, databases / 7 min read
- Parsing 1 Billion Rows in Bun/Typescript Under 10 Seconds: Inspired by the 1BRC (1 Billion Row Challenge, originally in Java), I decided to write one in Bun/Typescript. by Tae Kim / bun, performance / 16 min read
- Hard Things First: Excellence is unlikely to happen if you don’t address the hard problems early in project execution. by Subbu Allamaraju / projects, engineering / 4 min read
- From Memo to Movement: The non-obvious insights, tactics and workflows Shopify used to bring an ambitious memo to life by firstround.com / ai, engineering / 19 min read
- WebAssembly: Yes, but for What?: The keys to a successful Wasm deployment by Andy Wingo / wasm / 2 min read
- How and where will agents ship software?: We’re entering a new phase of software engineering. by Stepan Parunashvili, Nikita Prokopov / engineering, ai / 10 min read
- Claude Code Unleashed: TLDR: Use claude max subscription by Michael / claud, ai / 9 min read
- How to actually use Model Context Protocol: How Sean is using MCPs by Sean Goedecke / mcps / 7 min read
- Building Astro sites with AI tools: This guide covers how to enhance AI tools with up-to-date Astro knowledge and provides best practices for building Astro sites with AI assistance. by docs.astro.build / astrto, ai, mcps / 14 min read
🧰 Tools
- LangFast: Prompt Playground by Eugene Gusarov / prompts
- Necord: A module for creating Discord bots using NestJS, based on Discord.js by necord.org / discord, bots
- Upyo: Upyo is a simple and cross-runtime library for sending email messages using SMTP and various email providers. It works on Node.js, Deno, Bun, and edge functions. by Hong Minhee / email
- Envalid: Environment variable validation for Node, Bun, and other compatible JS runtimes by Aaron Franks / envvars, validation
- ANSI Escape Codes: This website helps to inspect the input, visualize colors and styling, and list control codes. by Lars Kappert / ansi
- HyperFetch: Fetching and realtime data exchange framework. by hyperfetch.bettertyped.com / http, javascript
- Animated React Weather Effects: A beautiful, interactive weather effects demo built with React, Next.js, WebGL, and Three.js. Experience realistic rain, snow, and fog scenes, each with unique visual effects and controls. by Mate Rauscher / effects, react
- Eleventy LibDoc: An Eleventy starter project to craft slick documentation by ITADS / eleventy, docs
- Split Thing: Upload an image and split it into a custom grid by Florian Reintge / images, split
- Chili3D: A web-based 3D CAD application for online model design and editing by Xiange Chen / webgl, 3d
- designtokens.fyi: Design Tokens by designtokens.fyi / design, tokens
- FontGen: Create stunning visual hierarchies with perfectly matched font pairings. FontGen helps designers and developers find beautiful typography combinations instantly. by fontgen.io / fonts
- Varlock: .env files built for sharing powered by @env-spec decorator comments by varlock.dev / envvars
- mkosi: Build Bespoke OS Images by systemd / os, images
- SVG Doodles: A free collection of different editable SVGs to spice up your designs. by svgdoodles.com / svgs
- Hashbrown: Hashbrown is a framework for building generative user interfaces in Angular and React by hashbrown.dev / ui, components, ai
- GIT quick statistics: Git quick statistics is a simple and efficient way to access various statistics in git repository. by git-quick-stats.sh / git, analytics, cli
🎨 Design
- AI Didn’t Kill Web Design: Templates Did It First by Noah Davis / ai, templates / 10 min read
🤪 Fun
- new Date(“wtf”): How well do you know JavaScript’s Date class? by Sam Rose / javascript, date, quiz / 1 min read
📚 Tutorials
- Scroll-Driven Sticky Heading: Learn how to implement it. by Amit Sheen / css / 13 min read
📺 Videos
- The New Code: This talk reveals how specifications, not prompts or code, are becoming the fundamental unit of programming, and why spec-writing is the new superpower. by Sean Grove / ai
- The untold story of JavaScript: Insights! by Deno / javascript