weeklyfoo #17 is here: your weekly digest of all webdev news you need to know! This time you’ll find 69 valuable links in 9 categories! Enjoy!
🚀 Read it!
- Backlog size is inversely proportional to how often you talk to customers: Lessons learned from a year of startup life. / startup, backlog / 8 min read
- The “errors” that mean you’re doing it right: Some things appear to be mistakes, but in fact should be celebrated as the expected outcomes of great decisions. / errors, dev / 10 min read
- Yes, good DevEx increases productivity. Here is the data.: Short read with lots of prooven insights about dev productivity. / github, productivity / 10 min read
📰 Good to know
- How to win at CORS: The article is from 2021 but a good one if you want to learn more about CORS. / cors / 23 min read
- A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view(): With just CSS you can add scroll animations that toggle shadows on navbars, reveal images, add scrollytelling, link up carousel elements and much more. / css, animations / 15 min read
- The Bun Shell: Looks like googles zx from Bun / shell, bun / 5 min read
- Judicious JSON: JSON is a simple technology but has a lot of underlying topics to think about. This guide can help uncover those topics. / json / 45 min read
- Next.js 14.1: Next minor release of Next.js / nextjs / 11 min read
- Waku: Introducing createPages: Learn about the new API for creating layouts and pages programatically. / waku / 6 min read
- Awesome Behavioral Interviews: This repository contains tips and resources to prepare for behavioral interviews. / interviews / 84 min read
- 12 Modern CSS One-Line Upgrades: Good one-liners you should know! / css / 15 min read
- How to Build a Scalable Notification Service: This article has a nuance too many advertisements, but the content itself is interesting if you’re planning to build your own notifications system. / notifications / 12 min read
- The Algorithms - Rust: All Algorithms implemented in Rust / rust / 4 min read
- Reading QR codes without a computer!: Nicely explained! / qr / 0 min read
- Biome Roadmap 2024: Trying out Biome is still on my Agenda but I’m a bit careful because of the fall of Rome ;) / biome / 7 min read
- The 10 Types of Authorization: Global roles, organization-level roles, resource-specific roles, custom roles, and much more explaind / auth, rbac, rebac, abac / 10 min read
- Mastering Cryptography Fundamentals with Node’s crypto module: Crypto stuff well explained! / crypto / 22 min read
- Handling Environment Variables in Node.js: Learn how to handle env vars in nodejs / nodejs, envvars / 10 min read
- 14 Things To Check Before Deploying a Website: Checklist with topics to check before launching your website / checklist / 21 min read
- ServerFree Architecture: Seems to be more and more interesting to keep all the users data on the users machine - with some drawbacks. / serverfree / 14 min read
- Making Rust binaries smaller by default: One config change, smaller release size, wonderful! / rust / 9 min read
- From seven failures to 10x growth: Jam’s CEO on product-market fit and hockey stick growth / startups, growth / 11 min read
- npm malware: Get informed about malicious npm packages in realtime / npm, malware / 1 min read
- Astro 4.2: Next minor release of Astro / astro / 6 min read
- HTMX and Web Components: a Perfect Match: I find more and more interesting articles about htmx, and the overall conclusion is that htmx rocks. / htmx / 14 min read
🧰 Tools
- qr-code: A no-framework, no-dependencies, customizable, animate-able, SVG-based
HTML element. / qr, svg - fontpair: Free fonts and font pairings to use for your next design project / fonts
- Platform Tilt: This dashboard tracks technical issues in major software platforms which disadvantage Firefox relative to the first-party browser. / mozilla
- Spotube: Open source Spotify client that doesn’t require Premium / spotify
- loadership: CSS-only loader configurators / css, loaders
- TypeSpec: Describe your data up front and generate schemas, API specifications, client / server code, docs, and more. / api, openapi, swagger
- Shikiji: A beautiful and powerful syntax highlighter / syntax, highlighter
- Wiki.js: The most powerful and extensible open source Wiki software / wiki, javascript
- signpdf: Simple signing of PDFs in node. / signing, pdf, nodejs
- Evershop: NodeJS ecommerce platform with essential commerce features / ecommerce, nodejs
- Atlas: Atlas is how teams make maps and perform geospatial analysis together. / maps
- Color Fuse AI: Let AI decide the right colors for your design projects and apply colors on One-Click / colors, ai
- react-use: Useful React hooks / react, hooks
- react-shepherd: A React wrapper for the site tour library Shepherd / tours
- sparkly-text: A small web component for making your text spark. / javascript
- Google Indexing Script: Script to get your site indexed on Google in less than 48 hours / seo, google, index
- Zed: Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter. It’s also open source. / editors
- Retriever: Retriever lets you request secrets from anyone without any of the data going to a server. / secrets
- iconic: Free pixel-perfect icons, updates every week / icons
- Adonis: AdonisJS is a TypeScript-first web framework for building web apps and API servers. / server, nodejs
- QuickJS: QuickJS is a small and embeddable Javascript engine. / javascript, engine
- workerpool: Offload tasks to a pool of workers on node.js and in the browser / workers, javascript
- vocs: Minimal Documentation Framework, powered by React + Vite. / docs
- Ollama Python & JavaScript Libraries: Ollama is coming to javascript land! / ollama, javascript
- ViroReact: The AR and VR library for React Native / ar, vr
- Kener: Kener is a Modern Self hosted Status Page, batteries included / status
🎨 Design
- Apple Device Icons: Redrawing fo some of Apple’s device icons / icons, apple / 4 min read
- Immanuel Kant — What is Beauty?: Why is beauty so important? It leads us to truth and goodness, says Immanuel Kant. / beauty / 7 min read
- UX Myths: UX Myths collects the most frequent user experience misconceptions and explains why they don’t hold true. / ux, myths / 3 min read
- Typography Manual: 11 rules to know / typography / 4 min read
- Cal Sans: Font by cal.com / fonts / 8 min read
- Open Runde: Font by Laurids Kern / fonts / 4 min read
- mmm.page could make you enjoy the internet again: First time I hear about mmm.pages and I really like to explore pages! / pages / 4 min read
- 35 Books Every Designer Should Read: There’s really a domain that just lists 35 books. Did I already mention that I love the internetz? / books / 1 min read
🐱💻 Hacker News
- Ask HN: Those making $500/month on side projects in 2024 – Show and tell: show your side projects! / sideprojects / 55 min read
🤪 Fun
- Sit in Shade: Find Best Bus Seat to Minimize Sun Exposure While Traveling / travel / 1 min read
🤣 Meme
- Frontend developers on a Monday getting ready to change the color of a button: xD / devs / 1 min read
📚 Tutorials
- Balanced Slider with CSS: Thanks @jh3yy! / css / 1 min read
- Data Engineering Zoomcamp: Free Data Engineering course / data / 7 min read
- Fading content using transparent gradient in CSS: Nothing more to say ;) / css, gradients / 4 min read
- Siblings Fade: Nice effect with just a couple lines of css / css / 0 min read
- Next.js App Router Training: Introducing various basic patterns of app router with simplified code. / nextjs / 1 min read
- LLM course: Course to get into Large Language Models (LLMs) with roadmaps and Colab notebooks. / llm / 30 min read
📺 Videos
- Alpine, HTMX, Astro Stack Wordle App With Full Source!: AHA stack rising / aha, htmx, astro, alpine