weeklyfoo #39 is here: your weekly digest of all webdev news you need to know! This time you’ll find 52 valuable links in 6 categories! Enjoy!
🚀 Read it!
- A Rant about Front-end Development: Such an entertaining read! by Frank Taylors / engineering / 42 min read
- Unsafe Pricing at Any Scale: Especially the part about blocking AI bots is a mandatory read! by Melanie Kat / serverless / 4 min read
- htmx sucks: Such a great read! by Carson Gross / htmx / 10 min read
📰 Good to know
- Exposition of Frontend Build Systems: Overview of modern tooling around frontend builds. by azuline / ci / 15 min read
- Getting 100% code coverage doesn’t eliminate bugs: TL;DR - Getting 100% coverage on a project doesn’t mean you have zero bugs. Here is an extreme example to prove it. by Kostis Kapelonis / tests / 5 min read
- How my weekend project turned into a 3 years journey: Nice read about an idea that started to rise. by Anthony Lagrede / znote, startups / 7 min read
- New JavaScript Set methods: New JavaScript Set methods are arriving! Since Firefox 127, these methods are available in most major browser engines, which means you won’t need a polyfill to make them work everywhere. by Brian Smith / javascript / 14 min read
- Local, first, forever: Thinking about a persistence service that stays longer than the average service. by Nikita Prokopov / local-first / 6 min read
- Resilient Sync for Local First: Syncing data in a local first context is not trivial but manageable. by Dirk Holtwick / local-first / 8 min read
- Microfeatures I Love in Blogs and Personal Websites: Sidenotes, TOC, reading progress - lots of things I never considered. But it’s worth thinking about integrating some of them. by Daniel / blogs / 19 min read
- Useful and Overlooked Skills: On his way to be sworn in as the most powerful man in the world, Franklin Delano Roosevelt had to be lifted out of his car and carried up the stairs. by Morgan Housel / career / 6 min read
- Node.js is Here to Stay: A deep dive into the metrics by Matteo Collina / node / 15 min read
- Catching Compromised Cookies: How we automatically detect stolen session cookies by Slack / slack, sessions / 14 min read
- My spiciest take on tech hiring: …is that you only need to administer one technical interview and one non-technical interview (each no more than an hour long). by Gabriella Gonzalez / career, hiring / 10 min read
- Polyfill supply chain attack hits 100K+ sites: The new Chinese owner of the popular Polyfill JS project injects malware into more than 100 thousand sites. by Sansec Forensics Team / security / 6 min read
- Exploring Randomness In JavaScript: Math.random() and Crypto.getRandomValues() compared. by Ben Nadel / random / 1 min read
- gRPC - The Bad Parts: Downsides of gRPC by Kevin McDonald / grpc / 9 min read
- Maintaining dotfiles: Will definitely try out this bare repo method. by Nathan Knowler / git, dotfiles / 4 min read
🧰 Tools
- Notion Avatar Maker: A Notion Avatar is a personalized avatar that aligns with the design style of Notion, a widely-used note-taking and organization tool platform. by João Pedro Schmitz / avatars
- SpreadGrid: JS library for creating high-performance grid-based applications by Tomasz Rewak / grids
- Anthropic TypeScript API Library: Access to Anthropic’s safety-first language model APIs by Anthropic / sdk, anthropic
- Maneken: The browser powered mockup editor by maneken.app / mockups, images
- Yazi: Blazing Fast Terminal File Manager by Misaki Masa / cli
- Rushlight: Real-time collaborative code editing on your own infrastructure by Eric Zhang / editors
- Cache Decorator: A TypeScript library providing a customizable cache decorator for methods. This library allows you to easily cache method results with configurable caching mechanisms. by Alexandru Cambose / cache
- dotenvx: a better dotenv–from the creator of dotenv by dotenvx.com / dotenv
- Glasskube: The next generation Package Manager for Kubernetes by glasskube.dev / k8s, kubernetes
- Logoipsum: 100 free placeholder logos by @logoipsum / images
- Kaplay: KAPLAY is a JavaScript library that helps you make games fast and fun! by kaplayjs.com / games, javascript
- Tachyonfx: shader-like effects library for ratatui applications by Adrian Papari / cli
- pdfslick: View and Interact with PDFs in React SolidJS, Svelte and JavaScript apps by pdfslick.dev / pdf
- Snapdrag: A simple, lightweight, and performant drag and drop library for React and vanilla JS by Eugene Daragan / dnd
- LetterDrop: LetterDrop is a secure and efficient newsletter management service powered by Cloudflare Workers, enabling easy creation, distribution, and subscription management of newsletters. by i365 Tech / newsletters
- Stamp: a mini-language for project templates by Breck Yunits / cli
- Refero: Explore real-world designs from the best products by refero.design / ux
- ascii-3d-renderer.js: 3D Renderer using ASCII. by Sunhyoup Lee / ascii, 3d
- Introducing React-Admin V5: React boilerplate app under MIT license. by François Zaninotto / react
- pixelmatch: The smallest, simplest and fastest JavaScript pixel-level image comparison library by Mapbox / images
- matter.js: Matter.js is a 2D physics engine for the web by liabru / physics
- Dorkly: Free Open Source Feature Flag system. Dorkly is a git-based open source feature flag backend for LaunchDarkly’s open source SDKs. by Dorkly / featureflags
- MemLab: A framework for finding JavaScript memory leaks and analyzing heap snapshots by facebook / javascript
- dblab: The database client every command line junkie deserves. by Daniel Omar Vergara Pérez / db, cli
- Katana: A next-generation crawling and spidering framework. by ProjectDiscovery / crawling
- OpenStatus: The open-source synthetic & real user monitoring platform by openstatus.dev / monitoring
🎨 Design
- Intro to colour contrast: Colour contrast makes a big part of the user experience for all users. Accessibility guidelines however, are not always easy to follow. In this article we will see how to meet the requirements with practical examples. by Javier Cuello / colors / 18 min read
- Designing profile, account, and setting pages for better UX: Account vs Profile, and what content should be included. by Vosidiy M. / ux / 11 min read
📚 Tutorials
- Securing APIs - Express rate limit and slow down: As soon as an API gets used more frequently, definitely something to consider. by Vultr / express / 11 min read
- Pure CSS Circular Text (without Requiring a Monospace Font): There is no simple and obvious way to set text on a circle in CSS. Good news though! You can create a beautiful, colorful, and even rotating circular text with pure CSS. It just takes a bit of work and we’ll go over that here. by Amit Sheen / css / 11 min read
- Popovers Work Pretty Nicely as Slide-Out Drawers: Pretty nice and all with built-in APIs by Chris Coyier / css / 6 min read
- Web Workers, Comlink, Vite and TanStack Query: Use case to compute super expensive task. by John Reilly / workers / 8 min read
📺 Videos
- Web Design Engineering With the New CSS: CSS Day 2024 by Matthias Ott / css
- Facing Frontend’s Existential Crisis: React Summit 2024 by Ryan Carniato / frontend