weeklyfoo #2

weeklyfoo #2 is here: your weekly digest of all webdev news you need to know! This time you’ll find 40 valuable links in 6 categories! Enjoy!

🚀 Read it!

A student asked how I keep us innovative. I don’t.: Nice wrap up / innovation / 8 min read
Things I wish someone would have told me about configuring VSCode: 5 nice to know things about how to configure VSCode. / vscode / 6 min read
How Stripe Creates the Best Documentation in the Tech Industry: I totally agree, Stripe’s docs are outstanding. / docs / 8 min read
Dotenv is dead: Good tips how to use the built-in .env support in Node v20 together with zod / dotenv, node, zod / 3 min read

Write your own Zod: If you’re interested how zod works under the hood and think about writing your own zod, then this is a great starting point. / typescript, zod / 12 min read
How to add documentation to your product life cycle: Overview of how to integrate documentation into an organization with advantages/disadvantages for each model. / docs / 11 min read
Healthier way to open source your code: A very personal view on open source. / oss / 6 min read
Bug fixed: Tooltips persist in foreground when Firefox is in background: A Firefox bug was fixed after 22 years. Next time someone asks me to fix something I’ll reference this issue to manage expectations / bug, firefox / 24 min read
How to see beauty: <3 / beauty / 7 min read
Google will now make passkeys the default for personal accounts: Passkeys are on the rise / passkeys / 5 min read
‘A Good Way to Bank’: Nationwide reveals its biggest rebrand in 30 years: A big rebrand in review. Looks pretty nice! / redesign / 10 min read
The ultimate guide to React notification libraries: Includes overview of 10 react libraries / react, notifications / 20 min read
Announcing v0: Generative UI: Vercels generative UI tool / vercel, ai / 4 min read
SQL Reserved Words: Lots of checks and crosses, nevertheless a good overview ;) / sql / 8 min read
The State of Vite: Slides from ViteConf 2023 / vite, slides / 1 min read

Tints.dev: Palette Generator + API for Tailwind CSS / tailwind, css, colors
Payload 2.0: Announcing Payload 2.0: Postgres, Live Preview, Lexical RTE, and More / cms
openapi-stack: Full stack typesafe API-first development for REST. / api
autocomp.js: A super tiny Javascript autocomplete / autosuggestions library. Zero dependencies, ~800 bytes min+gzip. / javascript, autocomplete
Dropbox Dash: Search all your apps. All your tabs. All in one place. / search
Astro 3.3: Picture component / astro, images
Github hotkey: Trigger an action on an element with a keyboard shortcut. / javascript, hotkey
Scalar: Beautiful API references from Swagger files / docs, swagger, openapi
Nice Modal: A modal state manager for React. / react, modals
Space OS: Web OS - looks promising! / ui

Animated backgrounds: A collection of looping 4K video backgrounds. Free to use for your next project. / background, animated / 4 min read
Minimal Gallery: Curating beautiful & functional websites since 2013 / websites, minimal / 4 min read
Godly: Astronomically good web design inspiration from all over the internet / websites / 1 min read
Tailwind Elements: Top quality open-source UI Kit / tailwind / 8 min read
The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark(): New CSS utility function for light and dark mode / css / 12 min read
durves.com: A tool for creating and exporting dot patterns for graphic designers, ui/ux and other visual professionals. / dot patterns / 1 min read
Gradient Designer: Gradient designer with code generation. / gradient, css / 1 min read
Box Shadows: Generate box shadows / box shadows, css / 2 min read
CSS relative color syntax: Create new colors based on another color’s channels and values. / css, colors / 31 min read
Dropbox redesigns its web interface and releases AI-powered Dash in open beta: The new design is really a step forward. / redesign / 5 min read
13 professional fonts: Top business typefaces for a polished look: Never heard of most of them, but good to know! / fonts / 17 min read
Animation principles: Wow, wow, wow / animation / 8 min read
Interviews about visual design: 26 Interviews about visual design / visual design, interviews / 3 min read

Ask HN: Show me your half baked project: pet projects everywhere! / sideprojects / 98 min read