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

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

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

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