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

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

🚀 Read it!

• How we deleted 4195 code files in 9 hours: Like a Hackathon, but with a twist. Template included! / engineering / 10 min read
• Ask for Advice, Not Permission: Take responsibility for your decision. / career / 3 min read

📰 Good to know

• Microfrontends should be your last resort: If you're thinking about introducing microfrontends into your architecture, read this article about what you need first. / architecture, microfrontends / 11 min read
• 7 Things I've learned building a modern TUI Framework: I've be working on Textual for over a year now. Here's a few things I've discovered (or re-discovered) regarding terminals in Python, and software development in general. / terminal, cli / 12 min read
• Imagining a Personal Data Pipeline: I've also thought about something similar in the past but never started hacking something. / data / 23 min read
• History of HackerNews Search - From 2007 to 2024: The history of HackerNews (HN) search spans three generations. / hackernews / 8 min read
• It's in the stories: Lots of anecdotes, entertaining read! / stories / 8 min read
• What makes documentation good: Documentation puts useful information inside other people’s heads. Follow these tips to write better documentation. / docs / 8 min read
• 350M Tokens Don't Lie - Love And Hate In Hacker News: We analyzed all Hacker News posts with more than five comments between January 2020 and June 2023. Leveraging LLama3 70B LLM, we examined both the posts and their associated comments to gain insights into how the Hacker News community engages with different topics. You can download the datasets we produced at the bottom of the article. / hackernews, trends / 16 min read
• Stop inventing product problems; start solving customer problems: Low-performing teams choose problems based on what they’d like to solve rather than what their customers need. / products / 9 min read
• Practices of Reliable Software Design: 8 tipps! / engineering / 11 min read
• Sort, sweep, and prune - Collision detection algorithms: Sweep-and-prune is my go-to algorithm when I want to quickly implement collision detection for a game. I think it’s an awesome and elegant algorithm, so I wrote a post about it. / engineering / 14 min read
• Developers hate their job, but like to code outside work: Five reports aggregated / engineering / 16 min read
• The Great npm Garbage Patch: Thousands of spam npm packages are polluting the system. / npm, spam / 8 min read
• Common Causes of Memory Leaks in JavaScript: Identify and fix common JavaScript memory leaks (Node.js and Deno.js) / nodejs / 21 min read
• Passkeys are not passwords: First time I read unphishable. / passkeys / 3 min read
• Why I Don't Like Enums: Matt likes enum. But not in TypeScript. / tyüescript, enums / 5 min read
• Coding Horrors - The Tales of Codebase Complexity: In this blog series, we ask prominent developers to share their horrifying stories and experiences in dealing with codebase complexity. / engineering / 16 min read
• Introducing GitHub Models - A new generation of AI engineers building on GitHub: We are enabling the rise of the AI engineer with GitHub Models–bringing the power of industry leading large and small language models to our more than 100 million users directly on GitHub. / ai / 17 min read

🧰 Tools

• Gradient Generator: Create nice gradients and export as css or svg. / css, svg
• postgres.new - In-browser Postgres with an AI interface: Supernice to have an easy way in the browser to play around with a databse. / databases, postgres
• Cursor: Copy macOS cursors with ease / cursors, svg
• Mixwave: Convert, package and manipulate your video on the fly. / video
• tailwindcss-highlights: A plugin for tailwindcss to add highlights to your text / tailwind
• Rate my OpenAPI: Upload your OpenAPI spec and get it checked. / openapi
• Volta: The Hassle-Free JavaScript Tool Manager / tools
• Turf: A modular geospatial engine written in JavaScript and TypeScript / geo
• Kardinal: Kardinal is the lightest-weight way to spin up dev and test environments in Kubernetes. Deploy the absolute minimum resources necessary and implement dev, test, and QA all in one cluster. / infra
• Tone.js: A Web Audio framework for making interactive music in the browser. / audio, tone

🎨 Design

• What’s the right font size in web design?: Learn what's the best font size for different contexts. / fonts / 19 min read
• Now in Baseline - animating entry effects: New animation! / css / 10 min read

🤪 Fun

• usBabyNames.js: Javascript / Promise based data about US Baby Names 1880-2023 for NPM / SQLite / names / 11 min read
• YTCH: See how YouTube would look like in an old TV with channels! / youtube / 1 min read

📚 Tutorials

• Frontend Security Checklist: Tips for Keeping All Frontend Applications Secure / security / 13 min read

📺 Videos

• A Deep Dive Into Advanced TypeScript - A Live-Coding Expedition: Devoxx / typescript
• Start over-engineering your CSS: CSS Day 2024 / css
• Japanese web design: weird, but it works. Here's why / design, japan
• Thinking Like an Architect: Gregor Hohpe reflects on two decades working as an architect, ranging from the executive penthouse to the serverless engine room. / engineering

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

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