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

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

🚀 Read it!

• 40 Life Lessons I Know at 40 (That I Wish I Knew at 20): Practical lessons on career, health, and relationships that you can take action on now / life / 13 min read
• Anyone can Access Deleted and Private Repository Data on GitHub: You can access data from deleted forks, deleted repositories and even private repositories on GitHub. And it is available forever. This is known by GitHub, and intentionally designed that way. / security, github / 9 min read

📰 Good to know

• CSS Grid Areas: A fresh look at the CSS grid template areas and how to take advantage of its full potential today. / css / 26 min read
• Concerns about passkeys: Passkeys are a technically interesting idea with many upsides, but I am concerned about the power they take away from users. / passkeys / 6 min read
• The rise and fall of software developer jobs: Demand for software developers has plunged from the boom times of 2021 and 2022. / jobs / 1 min read
• So you think you know box shadows?: Box shadows. I love them. / css / 27 min read
• Running Untrusted JavaScript Code: Allowing users to execute their code within your application opens up a world of customization and functionality, yet it also exposes your platform to significant security threats. / javascript / 9 min read
• Why technical cofounders reject you: As a tech fellow, I've been to a lot of cofounder dates. I want to share some perspective from the other side of the table. / startups / 7 min read
• The Elegance of the ASCII Table: An ASCII table is useful. But did you know it’s also beautiful and elegant. / ascii / 21 min read
• Advanced Terminal Tips and Tricks: The first tip is already great. / cli / 6 min read
• The biggest-ever global outage - lessons for software engineers: Cybersecurity vendor CrowdStrike shipped a routine rule definition change to all customers, and chaos followed as 8.5M machines crashed, worldwide. There are plenty of learnings for developers. / outage / 27 min read
• Practical Guide To Not Blocking The Event Loop: Don't block the event loop! / node / 10 min read
• SELL → DESIGN → BUILD: I have come to believe that one framework is more important than any other in the pursuit of product market fit. It is called Sell, Design, Build. / pmf / 9 min read
• Forget “show, don’t tell”. Engage, don’t show!: Incremental user effort produces incremental value. / value / 6 min read
• Why you should have a brag document: It’s your secret weapon for performance reviews and job interviews. / performance / 7 min read
• How to choose the best rendering strategy for your app: Optimizing performance in the way you deliver code. / rendering / 17 min read
• Use useId() Instead Of Hand-Making IDs: Well explained why not to try to generate your own ids. / react / 6 min read
• Is Steve Ballmer the Most Underrated CEO of the 21st Century?: A reconsideration of the Microsoft CEO everybody loves to hate / leaders / 14 min read
• Typescript support in Nodejs: It is possible to execute TypeScript files by setting the experimental flag --experimental-strip-types. / node, typescript / 26 min read
• The Process That Kept Dying: A memory leak murder mystery / nodejs / 9 min read
• Pragmatism, neutrality and leadership: Incredible and detailed post about leadership. / leadership / 27 min read

🧰 Tools

• RenderCV: A LaTeX CV/Resume Framework / cv
• Nextra: Simple, powerful and flexible site generation framework with everything you love from Next.js. / frameworks
• fakemail.stream: A fake SMTP server for software integration testing. / emails
• CSS Loaders: 600+ single element loaders / css, loaders, spinners
• CLI maker: A library to help create CLIs with support for command parameters and interactive prompts. / cli
• Swapy: A framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code / dnd, drag-n-drop
• TinkerBird: Client Side Vector Database / databases
• Fonts Ninja: Discover typefaces and build your font collection. / fonts
• CSS Grid Generator: CSS grid generator is a tool that helps developers create custom CSS grid layouts more easily. The generator allows users to specify the number of columns, rows, the gutter size. / css
• chartbrew: Open-source web platform used to create live reporting dashboards from APIs, MongoDB, Firestore, MySQL, PostgreSQL, and more / visualizations
• fdir: The fastest directory crawler & globbing library for NodeJS. Crawls 1m files in < 1s / node
• DOM to Semantic Markdown: Convert HTML DOM to Semantic Markdown for use in LLMs (Large Language Models). / markdown
• Uppy: The next open source file uploader for web browsers / upload, javascript
• ky: Tiny & elegant JavaScript HTTP client based on the Fetch API / http
• litegraph: A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently. / graphs
• svg.wtf: Create and learn how to create svg files! / svgs
• Haystack: An IDE built on top of a canvas, Haystack takes care of the tedious and confusing parts of coding for you / ide
• Telemetry: A single platform to log, analyze and utilize your data / analytics

🎨 Design

• Open Design Docs: Docs daily used by a VP of Design / career / 2 min read

🤪 Fun

• Iceberger: Draw an iceberg and see how it will float. / physics / 1 min read

📚 Tutorials

• How to make complex Chrome extensions - a zero gravity guide: Building a complex browser extension isn’t exactly easy—especially for first-timers or folks who feel unsure of what they’re doing! Not to worry. We’ll show you the essentials for building a full-featured Chrome extension using a real example from the Evil Martians casebook! We’ll also share some other useful tips and cool recommendations, so read on! / chrome, extensions / 19 min read

📺 Videos

• Stow has forever changed the way I manage my dotfiles: Managing dotfiles used to be a challenge, and despite numerous guides it was always more complex than I liked to. / dotfiles

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

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