weeklyfoo #50 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!
- Look out, kids: PHP is the new JavaScript: What an entertaining read about Laravel. I know, it’s php, but wow. / php, laravel / 13 min read
📰 Good to know
- Managing dotfiles with chezmoi: Using the tool chezmoi to manage your dotfiles. / dotfiles / 6 min read
- Your company needs Junior devs: Getting coffee with a bunch of local tech leaders, I surprised myself with how stridently I argued why companies should hire junior engineers. / engineering / 7 min read
- Oops, I accidentally made our website faster by switching to Remix: Next.js to Remix migration / remix, nextjs / 7 min read
- Express 5.0: Major release of Express / express / 8 min read
- Good software development habits: Ten things you should consider as a developer. / engineering / 6 min read
- Sticky Headers And Full-Height Elements: A Tricky Combination: Sticky positioning is one of those CSS features that’s pretty delicate and can be negated by a lot of things, so here’s another one to add to your mental catalog: Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like 100vh. Philip Braunen explores why this happens and presents a solution to fix it. / css / 12 min read
- The Modern CLI Renaissance: Over the past few years, it seems like the rate at which new CLI tools are being written has picked back up again, accelerating after seeing relatively little activity between ~1995 and ~2015. I’d like to talk about this trend I’ve noticed, where people are rewriting and rethinking staples of the command line interface, why I think this trend might be happening, and why I think this trend is a good thing. / cli / 16 min read
- The State of ES5 on the Web: Overview about tools and libraries / javascript / 16 min read
- More NPM packages on Cloudflare Workers: Combining polyfills and native code to support Node.js APIs: Cloudflare workers become even better for nodejs! / cloudflare / 14 min read
- Biome v1.9 Anniversary Release: Next minor release of Biome / tools, linter / 10 min read
- First Look: Exploring OpenAI o1 in GitHub Copilot: We’ve tested integrating OpenAI o1-preview with GitHub Copilot. Here’s a first look at where we think it can add value to your day to day. / github, copilot / 15 min read
- What’s new in React 19: Explore React 19 and how to start using it on Vercel today. / react / 16 min read
- Making progress on side projects with content-driven development: Writing about your project can be a progress booster. / startups, sideprojects / 6 min read
- Everyone Draw: Draw pixel art with people around the world on an infinite canvas. / social / 4 min read
🧰 Tools
- Propdock: A comprehensive platform for financial analysis, valuation and leases for commercial real estate / starter-kit
- Reclaim the Stack: The Reclaim the Stack Platform is a fully open source Kubernetes-based deployment platform which can be easily deployed on bare metal as well as the cloud. It is designed to replace Platform as a Service (PaaS) offerings like Heroku, and to provide a fully featured, easy to use platform for deploying web applications. / infra
- Inertia.js: Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers. / frameworks
- HonoX: HonoX is a simple and fast meta-framework for creating full-stack websites or Web APIs - (formerly Sonik). It stands on the shoulders of giants; built on Hono, Vite, and UI libraries. / frameworks
- Atomic CRM: A full-featured CRM built with React, react-admin, and Supabase. / crm
- sqlc: Generate type-safe code from SQL / sql
- Fast Grid: World’s most performant DOM-based web table. / grid
- node-html-to-image: A Node.js module that generates images from HTML / images, html
- vomitorium: Vomitorium is a command-line tool designed to easily load an entire project into a single text file. It recursively scans directories, processes files, and compiles their contents into a single output file. Useful for working with LLMs. / llms, tools
- React Kitten: React desktop environment for the web. React-ish and highly customizable. / react, desktop
- ell: A language model programming framework. / llms, ai
- Plate: Rich-text editor with shadcn / editors
- Gerstnerizer: Pattern generator / svg
- Violentmonkey: An open source userscript manager. / chrome, extensions, scripts
- Orama: Fast, dependency-free, full-text and vector search engine with typo tolerance, filters, facets, stemming, and more. Works with any JavaScript runtime, browser, server, service! / search
- @bramus/caniuse-cli: Command line tool for Can I Use and MDN Browser Compat Data / css
- Your Next Store: Modern Commerce with Next.js and Stripe as the backend. / ecommerce, stripe
- Redirect Checker: Your Ultimate URL Redirect Analysis Tool / redirects
- SAQ: Simple Async Queues / queue
🎨 Design
- Features of your font you had no idea about: Get the maximum out of your font / fonts / 11 min read
- Color Meanings: Browse the list of colors and learn about color meanings / colors / 9 min read
📚 Tutorials
- bg-remover: 100% client side background remover / webgpu / 4 min read
- ASCII Webcam: Uses webcam and transforms video in ascii art / javascript, css / 1 min read
- Set Up a $4/mo Hetzner VM to Skip the Serverless Tax: Follow the latest trend to manage your own infra for your app. / infra, hetzner / 7 min read