weeklyfoo #20 is here: your weekly digest of all webdev news you need to know! This time you’ll find 48 valuable links in 8 categories! Enjoy!
🚀 Read it!
- (Almost) Every infrastructure decision I endorse or regret after 4 years running infrastructure at a startup: This is an awesome write up about decisions made on operations. by Jack Lindamood / infra / 21 min read
📰 Good to know
- Storybook 8 Beta: Major performance and compatibility improvements by Michael Shilman / storybook / 7 min read
- RSS is still pretty great: Not really a webdev topic but brings some points up why rss is still useful. by pcloadletter / rss / 9 min read
- Power of Small Optimizations: Small optimizations can have a big impact. The article also offers a good example how a small change optimized a certain part of the software in a very good way. by Maksim Kita / optimizations / 9 min read
- Hono 4.0.0: Major release of Hono by honojs / hono / 13 min read
- Breaking apart the monolith: The open source movement should really be modeled after social clubs and city governments by swyx / oss / 16 min read
- Slackers: A decade later, it’s clear that Slack changed work culture, even at companies that don’t use it. by Elizabeth Lopatto / slack, chat / 14 min read
- How To Center a Div: The Ultimate Guide to Centering in CSS. So many ways to do it. by Josh Comeau / css / 19 min read
- Finishing Turborepo’s migration from Go to Rust: Unlocking the future of your build system with Rust-based Turbo. by Vercel / turborepo, go, rust / 13 min read
- In its tantrum with Europe, Apple broke web apps in iOS 17 beta, still hasn’t fixed them: PWAs demoted to OWB: Operating Within Browser by Thomas Claburn / apple, pwas / 15 min read
- The text file that runs the internet: For decades, robots.txt governed the behavior of web crawlers. But as unscrupulous AI companies seek out more and more data, the basic social contract of the web is falling apart. by David Pierce / robotstxt / 18 min read
- Express Forward: Plans for Express version 5, 6, and 7. Finally some progress because version 4 is already out since years. by expressjs / express / 25 min read
- Union, intersection, difference, and more are coming to JavaScript Sets: Overview of some utility functions for sets by Phil Nash / javascript / 14 min read
- Immutable array updates with Array.prototype.with: New with function for arrays in javascript by Jad Joubran / javascript, arrays / 6 min read
- Unreal Engine 5 ported to WebGPU: oO by @spatialweeb / webgl / 1 min read
- Add More Rigor to Your Reference Calls With These 25 Questions: This is a huge collection of questions and corresponding descriptions! by firstround.com / management / 22 min read
🧰 Tools
- Toolong: A terminal application to view, tail, merge, and search log files (plus JSONL). by Textualize / cli
- Miracode: A sharp, readable, vector-y version of Monocraft, the programming font based on Minecraft by Idrees Hassan / fonts
- hurl: Hurl, run and test HTTP requests with plain text. by Orange-OpenSource / http
- Glaze: Utility-based animations for the web. by glaze.dev / animations
- tabgod: execute any javascript on any chromium tabs - cross-tab parallel execution by David Wolf / javascript
- AI Pixel Art Generator: Create Vibrant Pixel Art Online For Free by pixel-art.ai / ai, pixelart
- SVG Flag Icons: Explore over 200 optimized SVG country flag icons — Perfectly crafted on a 32px grid by nucleoapp.com / icons, flags, svg
- Tempo: Parse, format, manipulate, and internationalize dates and times in JavaScript and TypeScript. by formkit / javascript, typescript, date
- GitButler: The GitButler version control client, backed by Git, powered by Tauri/Rust/Svelte. Personally I like to use git via cli, but I believe there is an audience for a desktop client. by gitbutlerapp / git
- unlazy: Universal lazy loading library for placeholder images leveraging native browser APIs by Johann Schopplich / lazy-loading, images
- Linen: Linen is a real-time messaging platform that is designed for a calmer and more productive experience. by linen.team / messaging
- Tech Icons: SVG and PNG tech icons by techicons.dev / svg, icons
- CheerpJ: A WebAssembly JVM to run real-world applications in the browser by Alessandro Pignotti / wasm, java
- Hookdeck: Receive, process, and deliver messages across your event-driven architecture with Hookdeck’s platform for engineering teams. by hookdeck.com / events
- Velvette: Common patterns for CSS view-transitions by Noam Rosenthal / css
- JavaScript Registry: A new javascript registry on its way. by jsr.io / javascript, registry
- Peggy: Peggy is a simple parser generator for JavaScript that produces fast parsers with excellent error reporting. You can use it to process complex data or computer languages and build transformers, interpreters, compilers and other tools easily. by peggyjs.org / javascript, parser
- Heat.js: A lightweight JavaScript library that generates customizable heat maps, charts, and statistics to visualize date-based activity and trends. by William Troup / javascript, visualization
- who can use: It’s a tool that brings attention and understanding to how color contrast can affect different people with visual impairments. by Corey Ginnivan / a11y
- Colorable: Color combination contrast tester by Brent Jackson / colors, contrast
- servo: Servo is a web rendering engine written in Rust, with WebGL and WebGPU support, and adaptable to desktop, mobile, and embedded applications. by servo.org / rust
🎨 Design
- Hide or Disable: A simple questions lets you know if to hide or disable an element. by Sam Solomon / hide / 3 min read
- Creating variations of icon styles: How to convert icons from Line to Solid by streamlinehq.com / icons / 8 min read
- 13 QR-Code Usability Guidelines: So obvious but good guidelines for QR code usability. And funny examples of how to not use QR codes. by Tanner Kohler / qr / 20 min read
- Don’t Disable Form Controls: Just another usability and accessibility pro telling authors not to do the thing they continue to do. by Adrian Roselli / buttons, disable / 14 min read
- How to create the perfect icon: All the insights from our 12-year-experienced team by streamlinehq.com / icons / 7 min read
- How Airbnb Became a Leader in UX Design: Indeed AirBnB makes a difference if it comes to designing a great product. by Punit Chawla / airbnb / 10 min read
🐱💻 Hacker News
- I’m an engineer that needs to sell my services. Any good books on sales?: Most of us know the problem I guess. by telecomsteve / sales / 32 min read
- Ask HN: How do you come up with side project ideas in 2024?: Another thread about how to get inspiration for new side projects by nidnogg / sideprojects / 49 min read
🤪 Fun
- comicss: A webcomic about CSS. Coded in CSS. by Alvaro Montoro / comic, css / 2 min read
📚 Tutorials
- Todo Example with Apico Google Sheets: Sample repository showcasing how to create a Todo app with React and Google Sheets as the backend by apico.dev / react, spreadsheets / 5 min read
📺 Videos
- So You Think You Know Git - FOSDEM 2024: Git tips and tricks by Scott Chacon / git