weeklyfoo #69 is here: your weekly digest of all webdev news you need to know! This time you’ll find 49 valuable links in 5 categories! Enjoy!
🚀 Read it!
- Protecting your time from predators in large tech companies: If you’re a competent software engineer at a large tech company, your time is in very high demand. Lots of people will want you to do things. You should be very selective about how you handle these requests, and definitely avoid saying yes to everyone. by Sean Goedecke / engineering / 7 min read
- 6 CSS Snippets Every Front-End Developer Should Know In 2025: I think every front-end developer should know how to enable page transitions, transition a
📰 Good to know
- Build a Database in 3000 Lines with 0 Dependencies: Plus you learn a lot about databases. by James Smith / databases / 7 min read
- Cascading Spy Sheets: Exploiting the Complexity of Modern CSS for Email and Browser Fingerprinting by Leon Trampert, Daniel Weber, Lukas Gerlach, Christian Rossow, Michael Schwarz / css, security / 4 min read
- Vitest 3.0 is out!: Next major release of vitest by vitest.dev / vitest / 4 min read
- Accessibility essentials every front-end developer should know: Many developers view accessibility as an overwhelming task, requiring a lot of extra effort or specialized knowledge. But a few basic practices can make a significant impact. by Martijn Hols / a11y / 14 min read
- I am (not) a Failure: Lessons Learned From Six (and a half) Failed Startup Attempts by Rondam Ramblings / startups / 34 min read
- Reverse Engineering My number 1 Hacker News Article: An article went viral on hackernews, the author analyzes what and why it happened. by Daniel Wirtz / writing, hackernews / 8 min read
- Git Trailers: Git trailers are a powerful source of metadata as parsed by the Git Interpret Trailers command. Even better, trailers can be applied to commits and tags. by Brooke Kuhlmann / git / 16 min read
- Kill Switch Hidden in npm Packages Typosquatting Chalk and Chokidar: Socket researchers found several malicious npm packages typosquatting Chalk and Chokidar, targeting Node.js developers with kill switches and data theft. by Kush Pandya / security, npm / 12 min read
- The Cold Outbound Handbook: Learn how to master cold email outreach from $0 to $1M ARR. A comprehensive playbook on infrastructure, copywriting, and AI-powered personalization at scale. by Matt Redler / emails, outbound, marketing / 64 min read
- Today I learned that bash has hashmaps: Hashmaps (associative arrays) are a great way to store a bag of key-value data. by Xe Iaso / bash / 2 min read
- Top Pens of 2024: The most hearted of 2024 by codepen.io / css, javascript, html / 1 min read
- Tailwind v4.0.0: Major release of Tailwind! by tailwindcss.com / tailwind / 6 min read
- Announcing Solid Desktop: Develop macOS with SolidJS by NativeScript / macos, solidjs / 0 min read
- Storybook 8.5: Minor release of Storybook! by Michael Shilman / storybook / 8 min read
- You should write without bugs: By prioritizing thoughtful design and maintainability, developers can ship products faster and more reliably. by Steve Korshakov / engineering / 6 min read
- A Field Guide to Team Dynamics and Conflict: Patterns, tools, and practices for cultivating environments where both harmonious flow and healthy conflict can thrive by Andy Cleff / leadership / 13 min read
- Roadmap 2025 and Biome 2.0: Today we’re happy to share our plans for Biome 2.0 as well as the rest of our roadmap for 2025. But before we dive into what’s coming, let’s do a quick recap of the major developments in 2024. by Arend van Beelen jr. / biome / 7 min read
- Bun 1.2: Bun 1.2 is a huge update, and we’re excited to share it with you. by Ashcon Partovi / bun / 70 min read
🧰 Tools
- yek: A fast tool to read text-based files in a repository or directory, chunk them, and serialize them for LLM consumption. by bodo.run / llms
- Open Props UI: A CSS UI library exploring how next-gen HTML & CSS features can change the way we create components. Designed to be used by professional teams as well as tinkering hobbyists. by open-props-ui.netlify.app / ui
- Kronotop: Kronotop is a Redis-compatible, distributed and transactional document database backed by FoundationDB. by kronotop.com / redis, databases
- osv.dev: Open source vulnerability DB and triage service. by osv.dev / security
- Rally: Demo your product. Present your slides. Record team updates. Rally simplifies video storytelling and makes sharing easy. by rally.space / videos
- cursorful: Use the Cursorful browser extension to record beautiful screen recordings with follow-cursor zooms or load your own video in the editor and add zooms manually. by cursorful.com / videos
- sigstore: sign. verify. protect. Making sure your software is what it claims to be. by sigstore.dev / signing
- Fontshare: Quality Fonts. Free. by Indian Type Foundry / fonts
- Shapecatcher: Unicode character recognition! This is a tool to help you find Unicode characters. by Benjamin Milde / unicode, draw
- Data Viz Project: Collection of data visualizations to get inspired and find the right type by ferdio.com / visualizations
- PowerGlitch: Tiny JS library to glitch anything on the web by Benjamin Raymond / effects
- Cursify: Cursor Animation Library for React & Next.js by ui-layouts / effects
- Deno 2 + Hono Starter Template: This is a barebones starter template for a Deno 2 project using the Hono web framework. It provides a simple foundation to build a web application with route grouping, CORS setup, and health check endpoints. This template is ready to be deployed on Railway. by Carlos Eduardo Medim / deno, hono
- Icons.church: Use over 200k icons from Iconify in your Deno projects with ease. by icons.church / icons
- Smallweb: Host websites from your internet folder by Achille Lacoin / hosting
- SRCL: SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics. by Internet Development Studio / ui
- ArkType: TypeScript’s 1:1 validator, optimized from editor to runtime by arktype.io / typescript
- Tuono: Superfast fullstack React framework by tuono.dev / react, rust, framework
- Buildstash: Transform your workflow with build artifact and release management for app and game devs by buildstash.com / ci
- BrowserAI: Run local LLMs inside your browser by Saurav Panda / browser, ai
- Raphael AI: Create stunning AI-generated images in seconds. World’s First Unlimited Free AI Image Generator by raphael.app / ai, images
- Bunster: Compile shell scripts to static binaries. by Yassine Benaid / cli
- Trae: Trae is an adaptive AI IDE that transforms how you work, collaborating with you to run faster. by trae.ai / ai, ide
- JSON Query: A lightweight, flexible, and expandable JSON query language by jsonquerylang.org / json, query
🤪 Fun
- Deno says: A Deno version of the cowsay command. by Shinya Fujino / cowsay / 4 min read
- Master the Art of the Product Manager No: Keep your meetings smooth and your priorities on track! by letsnotdothat.com / engineering / 1 min read
📺 Videos
- Make Your Apps Move! Awesome Animations with React Native: Get ready for some serious app magic! Animations, those delightful little touches that make things slide, bounce, and swirl, are often treated like an afterthought. We’re usually too busy obsessing over core features or wringing our hands over performance and complexity, but we’re here to flip the script! by Luca Caputo / animations
- Programming Should Be Simple: Deno is an all-in-one batteries included JavaScript and TypeScript toolchain. by Deno / deno
- OpenAI is terrified (there’s finally a great open source LLM): I never thought I’d see the day. Deepseek R1 is destroying every benchmark. It’s also insanely cheap. by Theo / ai, openai, deepseek