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

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

🚀 Read it!

• Founder Mode: General assumption: the management of a startup is changing towards manager mode - the well-known way of managing and taught in business schools. Founder mode is less known and understood, but may be more effective. / startups, leadership / 7 min read
• Why I still self host my servers (and what I've recently learned): I self host everything but email. / independance / 27 min read

📰 Good to know

• Willingness to look stupid: Entertaining article that made me reflect about how I behave in several situations. / career / 30 min read
• The web's clipboard, and how it stores data of different types: If you've been using computers for a while, you probably know that the clipboard can store multiple types of data (images, rich text content, files, and so on). / clipboard / 20 min read
• Going fast slowly: About how fast we're programming. / engineering / 7 min read
• CSS finally adds vertical centering in 2024: One of the most challenging programming skills is becoming a one-liner ;) / css / 8 min read
• Multithreading in Node.js: Using Atomics for Safe Shared Memory Operations / nodejs / 7 min read
• How I Created a 3.78MB Docker Image for a JavaScript Service: Hand-crafted and with some downsides, but it works. / nodejs, docker / 3 min read
• Hono Zod OpenAPI: There's a built-in way to create OpenAPI spec with Hono! / hono, openapi / 2 min read
• Greppability is an underrated code metric: Three tipps for a better way to find things. / engineering / 4 min read
• The secret inside One Million Checkboxes: Teens wrote me a secret. I found them. / logs / 12 min read
• The /llms.txt file: A proposal to standardise on using an /llms.txt file to provide information to help LLMs use a website at inference time. / llms / 9 min read
• The dawn of a new startup era: Opinion about the current startup landscape and a deep dive into the latest AI products. / startups / 25 min read
• Hacking sales as an introvert: Three discoveries that you need to rock sales. / sales / 6 min read
• Explicit is better than implicit: Clarity is key: being explicit makes your code more readable and maintainable. / engineering / 5 min read
• Things I Wished More Developers Knew About Databases: 17 things you should know about databases! / databases / 24 min read
• An SSR Performance Showdown: Fastify (as a baseline), Vue, Svelte, Solid, Preact, and React in comparison. / benchark / 8 min read
• Preloading files to reduce download chains in the browser: Small changes lead to a better loading performance. / performance / 5 min read

🧰 Tools

• QRSVG: QRSVG is a small JavaScript project to render a two-dimensional bitmask (mostly assumed to be a QR code) to an SVG element as a collection of SVG paths with defined purposes. / qr, svg
• Algora TV: Open source Twitch for developers / streaming
• StatiCrypt: Password protect a static HTML page, decrypted in-browser in JS with no dependency. No server logic needed. / encryption
• Huetone: A tool to create accessible color systems / colors
• Badge Maker Lite: A lightweight, free tool to easily create and customize SVG badges for use in GitHub READMEs, CI/CD pipelines, and more. Save and load configurations via GitHub Gists. / svgs
• yocto spinner: Tiny terminal spinner / cli, spinner
• empathic: A set of small Node.js utilities to understand your pathing needs. / tools
• Pines UI: Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects. / ui, alpine, tailwind
• Realtime Colors: Visualize Your Colors & Fonts On a Real Site / colors
• Server Mono: Server Mono is a typeface inspired by typewriters, Apple's San Francisco Mono, ASCII art, command-line interfaces, and programming tools. / fonts
• Avatars: Avatars is a collection of diverse free avatar images from across the web, designed to add personality to your projects. With a vast selection of vibrant illustrations, you can enhance your projects in seconds. / avatars
• Midday v1: An open-source starter kit based on Midday. / starter-kit
• Srcbook: TypeScript notebook for rapid prototyping / typescript
• Logggos: Discover inspiring logos sorted by industries, themes, typography style, branding color and more. / logos
• jsdiff: A javascript text differencing implementation. / javascript
• FetchFox: A Chrome extension to extract any data from any website / chrome, ai

🎨 Design

• Reducing UX debt (or die trying): Product people should be less concerned with delivering new features (maximising) than with reducing UX debt (optimising). Poor, unresolved user experience is what drives away customers and destroys team motivation and commitment. / ui, ux / 11 min read

🤪 Fun

• Printing Money: Another nice illustration by Neal. / money / 1 min read

📚 Tutorials

• Responsive app switcher or carousel UI with CSS view(): That's so nice! / css / 10 min read
• Types from an array of strings: By using T[number]. / typescript / 0 min read
• Going full-stack on Astro with Cloudflare D1 and Drizzle: A step-by-step guide to adding a back-end to your Astro project using Cloudflare D1 and Drizzle ORM / astro, cloudflare / 6 min read
• CSS @property and the New Style: Cool effect for a user's attention. / css / 7 min read

📺 Videos

• Caching demystified: Inspect, clear, and disable caches / caches
• Scroll-Enhanced Experiences: CSS Day 2024 / css

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

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