weeklyfoo #11 is here: your weekly digest of all webdev news you need to know! This time you’ll find 49 valuable links in 6 categories! Enjoy!
🚀 Read it!
- All my favorite tracing tools: eBPF, QEMU, Perfetto, new ones I built and more: Great article on tracing tools / tracing / 23 min read
- 10 hard-to-swallow truths they won’t tell you about software engineer job: Super nice read / job / 18 min read
- You don’t need JavaScript for that: Super nice article, there’s also a native element for a color picker. / javascript, html, css / 15 min read
📰 Good to know
- A deep dive into CPU requests and limits in Kubernetes: CPU requests and limits, if you want to learn more about it, read it. / k8s / 28 min read
- You are never taught how to build quality software: Talk about money! / qa / 8 min read
- Mistral AI, a Paris-based OpenAI rival, closed its $415 million funding round: Valuated at roughly $2 billion / ai, mistral / 4 min read
- 10 GitHub Repos to Improve as a Backend Engineer: Good list / nodejs, backend / 8 min read
- Under Pressure: Benchmarking Node.js on a Single-Core EC2: Detailed insights about hammering a nodejs app / nodejs, ec2 / 22 min read
- Bash One-Liners for LLMs: Nothing to add… / bash, ai, llm / 16 min read
- Announcing Million 3.0: Next major version of Million.js / million.js / 6 min read
- Every engineer should understand git reflog: Didn’t know it exists ;) / git / 8 min read
- Announcing SvelteKit 2: Next major version of SvelteKit / svelte / 3 min read
- Should you add screenshots to documentation?: Pros and cons for using screenshots in your docs. / screenshots, docs / 7 min read
- Interviewing my mother, a mainframe COBOL programmer: COBOL!!! / cobol / 1 min read
- Deleting 50,000 Lines of Code in 3 Days: One of the most joyful tasks in software engineering: deleting code / code / 6 min read
- pypush: Cross-platform iMessage POC / iMessage / 5 min read
🧰 Tools
- CSS-peeps: Notion like avatar in CSS / css, avatars
- esm.sh: Fast smart global esm cdn / esm, cdn
- npm Downloads: Nice tool to check how often versions of npm packages have been downloaded. / npm, stats
- Rot: Future Proof Secrets Management. / secrets
- huh: A simple, powerful library for forms and prompts in the terminal / cli, terminal
- Screely: Upgrade screenshots / screenshots
- SecureAI Tools: Private and secure AI tools for everyone’s productivity. / ai
- Name Checker: Find out if your project name is taken / names
- Croner: Schedule jobs in node / nodejs, crons
- Nuekit: Static site generator / websites
- Freepik Pikaso: AI drawing / ai
- Color Lisa: Color palette masterpieces / colors
- seroval: Stringify JS values / javascript
- Spacetime: date/time library with a nice landing page! / javascript, date, time
- AutoAnimate: Add motion to your apps with a single line of code. / animations
- GitHut 2.0: A small place to discover languages in Github / languages, github
- Avartion: Notion-like avatars / avatars
🎨 Design
- Why carousels don’t work: Rethinking the Carousel: A User Experience Perspective / carousel / 23 min read
- The 14 Worst Fonts in the World: I like Comic Sans ;) / fonts / 1 min read
- trending.design: The best design inspiration on X / trends / 1 min read
- DS events: Design events summarized / events / 1 min read
- Who is responsible for the impact of innovative products?: How can it be that a) all products are designed, b) designers want to create something good for the world and c) so many products are total garbage? / responsibility / 15 min read
- How design works at Supabase: I always like to read such insights. / supabase / 10 min read
🤪 Fun
- Learn Morse Code: Little nice website / morse / 1 min read
- Procedural Planets: Implemented with three.js / javascript, three.js / 0 min read
📚 Tutorials
- SVG Tutorial: Learn to code SVG images step by step in HTML / css, html / 4 min read
- Making SVG Loading Spinners: An Interactive Guide: Something everyone needs / spinner, svg / 5 min read
- Node.js, TypeScript and ESM: it doesn’t have to be painful: Thanks Alejandro! / nodejs, typescript, esm / 10 min read
- You can use mask-composite and some JavaScript to create this pointer proximity following glow border: Thanks jhey! / css / 1 min read
- A beautiful bit of TypeScript to turn an array into a keyed object: Thanks @mattpocockuk! / typescript / 1 min read
- You can use custom properties to control motion rate in your transitions and animations: Thanks @jh3yy! / css / 1 min read
- TIP: add the
data-1p-ignore
attribute to your input field to disable 1Password on it ✖︎: Thanks Flavio! / html, 1password / 1 min read - Prompt engineering: Good introduction in the OpenAI docs / ai, prompts / 1 min read