weeklyfoo #70 is here: your weekly digest of all webdev news you need to know! This time you’ll find 33 valuable links in 4 categories! Enjoy!
🚀 Read it!
- Life Lessons from the First Half-Century of My Career: Sharing 16 life lessons, and nine magic words. by David A. Patterson / life / 23 min read
- Build It Yourself: Another day, another rant about dependencies. from me. This time I will ask you that we start and support a vibe shift when it comes to dependencies. by Armin Ronacher / dependencies / 7 min read
📰 Good to know
- An alt Decision Tree: This decision tree describes how to use the alt attribute of the img element in various situations. For some types of images, there are alternative approaches, such as using CSS background images for decorative images or web fonts instead of images of text. by w3c / html / 5 min read
- Picking a state management library for a React app used by millions (and why we went with MobX): Zustand vs MobX vs Redux by Eliot Andres / state, react / 8 min read
- What’s OAuth2 Anyway?: Well written description of OAuth2. by Roman Glushko / oauth2, auth / 49 min read
- Revisiting CSS Multi-Column Layout: Honestly, it’s difficult for me to come to terms with, but almost 20 years have passed since I wrote my first book, Transcending CSS. In it, I explained how and why to use what was the then-emerging Multi-Column Layout module. by Andy Clarke / css / 12 min read
- The modern way to write JavaScript servers: The Request/Response-API is not just faster, but also makes writing tests easier. by Marvin Hagemeister / javascript / 5 min read
- Advice for a friend who wants to start a blog: I talked to a friend who wants to start a blog, and she pulled a few thoughts from me. by Henrik Karlsson / blogging / 8 min read
- How might AI change programming?: AI will change programming. I’m convinced of it now. by Thorsten Ball / ai, engineering / 6 min read
- Things people get wrong about Electron: I dedicated years bringing web technologies and desktop apps closer together. The most recent and most successful project in that vein is Electron, which I’ve spent the last ten years working on. by Felix Rieseberg / electron, javaScript / 8 min read
- Astro 5.2: New minor version of Astro by astro.build / astro / 7 min read
🧰 Tools
- Hedy: Textual programming for the classroom by hedy.org / learning
- Glance: A self-hosted dashboard that puts all your feeds in one place by Glance App / dashboards
- CrUX Vis: The Chrome User Experience Report (CrUX) is a dataset that reflects how real-world Chrome users experience popular destinations on the web. by cruxvis.withgoogle.com / performance
- Lab: Lab helps you experiment with code without friction. Type
labwith any extension and start coding - it handles files, organization, and cleanup automatically. by lugenx / playground - Shunpo: A minimalist bash tool that makes directory navigation just a little bit faster. by Raphael Eguchi / cli
- Requestly: Requestly was built to save developers time by intercepting and modifying HTTP Requests. It has now developed into an open-source alternative to Charles Proxy and Telerik Fiddler that works directly in browsers without VPN and proxy Issues. by requestly.com / api
- Squish: Batch Browser-based Image Compression by Addy Osmani / images, compression
- Unpic: Unpic is the ultimate open source toolkit for displaying images on the web. by Matt Kane / images
- Blendy: Smoothly transition one element into another with just a few lines of code. by Taha Shashtari / transitions
- Ruck: An open source buildless React web application framework for Deno. by Jayden Seric / deno, react
- Forgejo: Forgejo is a self-hosted lightweight software forge. Easy to install and low maintenance, it just does the job. by forgejo.org / git
- Authentik: authentik is an open-source Identity Provider that emphasizes flexibility and versatility, with support for a wide set of protocols. by goauthentik.io / auth
- Crypto Design Club: A database of best-in-class handpicked crypto designs. by cryptodesign.club / gallery
- Super Color Palette: Shift hue, saturation, lightness, and more! by supercolorpalette.com / colors
- bunchee: Zero config bundler for npm packages by Jiachi Liu / bundler
- TypeZero: Zero-config TypeScript starter for modern Node.js development. ESM, Vitest, ESLint, Prettier. Production-ready in seconds! by Mohammad Islam / nodejs
- cs16.css: CSS library based on Counter Strike 1.6 UI. by Samuel Breznjak / css
- Ahey: Ahey is a simple pub-sub service built on top of web push. It lets you send unlimited push notifications to any browser with just a simple HTTP POST request. by vasanth / notifications
- Bluesky Tools: A selection of useful libaries for Bluesky by Matt Kane / bluesky
- Mentoss: The best way to mock JavaScript fetch requests by Nicholas C. Zakas / mocks
- jscanify: The Javascript document scanning library. by Puffin Software Foundation / detection, paper
🎨 Design
- Brand in Motion: Brands in Motion is an independent resource, showcasing the very best motion design in branding. by brandsinmotion.xyz / animations / 2 min read