Stay ahead in web development: latest news, tools, and insights #60

Signup here for the newsletter to get the weekly digest right into your inbox.

weeklyfoo #60 is here: your weekly digest of all webdev news you need to know! This time you'll find 36 valuable links in 7 categories! Enjoy!

🚀 Read it!

• File Over App: A Philosophy for Digital Longevity: My take on the 'file over app' philosophy and why it’s essential for keeping my data resilient and built to last. by Rishikesh Sreehari / files, privacy / 9 min read

📰 Good to know

• Maybe Bluesky has "won": Insights about how Bluesky works. by Gavin Anderegg / bluesky / 11 min read
• Fit-to-Width Text: A New Technique: Registered custom properties are now available in all modern browsers. Using some pre-existing techniques based on them and complex container query length units, I solved a years-long problem of fitting text to the width of a container, hopefully paving the path towards a proper native implementation. by Roman Komarov / css / 16 min read
• An Engineering Manager Challenge: What would you do if you had to make the choice here? by blogs.newardassociates.com / interview, leadership / 11 min read
• Lessons from Peter Thiel: These lessons summarize what Joe Lonsdale learned from working over many years with Peter Thiel, a chairman and founder of Palantir. These are very much worth reading — they will change the way you think. by Joe Lonsdale / engineering, startups / 11 min read
• Who’s Really Following You on Dev.to? A Guide to Analyzing Your Audience: The reason I’m writing this post is to shed some light on an aspect of Dev.to that many of us don’t think twice about: our followers. by Olga Braginskaya / devto, analytics / 20 min read
• The Deep Sea: Another awesome page by Neal. by Neal / sea / 1 min read
• Oncall shift should be Tuesday to Tuesday: This is a 0 cost improvement to everyone’s quality of life and improves schedule accuracy. by Arthur Johnston / oncall / 5 min read
• Meet Angular v19: All around Angular v19 by Minko Gechev / angular / 24 min read
• Tailwind CSS v4.0 Beta: Preview what's coming in the next version of Tailwind CSS. by tailwindcss.com / tailwind, css / 40 min read

🧰 Tools

• Map Matrix: A React application for synchronized multi-view map comparison. Mostly generated by AI. by VeloPlanner / maps
• Documind: Open-source platform for extracting structured data from documents using AI. by documind.xyz / pdfs, ai
• KokonutUI: Access a collection of free-to-use, standalone components with KokonutUI. Each component is designed with Tailwind CSS, and optional library such has shadcn and Framer Motion. by kokonut.dev / ui
• InclusiveColors: This is my ongoing attempt at a tool for making custom branded color palettes for web and UI design that are built from the ground up to meet WCAG contrast accessibility guidelines. by Sean Wilson / colors
• BeeBot: A recursive internet scanner for hackers. by Black Lantern Security / scanner, scraper
• Discordeno: Discord API library for Node and Deno by discordeno.js.org / discord
• SVG to Font: Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font. by wcjiang / svgx, fonts
• React Scan: Scan for React performance issues and eliminate slow renders in your app by Aiden Bai / react, performance
• Fireproof realtime ledger: Realtime database, runs anywhere. Install Fireproof in your front-end app or edge function, and sync data via any backend. by fireproof.storage / databases
• The Data Engineering Handbook: This is a repo with links to everything you'd ever want to learn about data engineering by dataexpert.io / handbook, data-engineer
• Monicon: Universal Icon Library by Oktay Şenkan / icons
• Extism JS SDK: Run Extism WebAssembly plug-ins / functions from JavaScript (supports major browsers, Node.js, Deno, Bun, and Cloudflare Workers) by Extism / wasm
• React minimal pie chart: Lightweight but versatile SVG pie/donut charts for React. < 2kB gzipped. by Andrea Carraro / charts, react
• Next Forge: A monorepo template designed to have everything you need to build your new SaaS app as quick as possible. Authentication, billing, analytics, SEO, database ORM and more — it's all here. by Hayden Bleasel / templates, nextjs
• Automatisch: The open source Zapier alternative. Build workflow automation without spending time and money. by automatisch.io / workflows
• OpenNext: Open-source Next.js adapter for AWS by opennext.js.org / nextjs, aws, cloudlfare
• Viselect: A high performance and lightweight library to add a visual way of selecting elements, just like on your Desktop. Zero dependencies, super small. Support for major frameworks! by Simon Reinisch / javascript, selection
• Electrobun: Build ultra fast, tiny, and cross-platform desktop apps with Typescript. by electrobun.dev / bun, native
• Lovable: Idea to app in seconds. Lovable is your superhuman full stack engineer. by lovable.dev / ai, frontends
• WebCurate: A collection of 2300+ best websites and tools hand-curated with detailed descriptions and features. by Hossein Yazdi / gallery
• Pixelarticons: Beautiful pixel icons. For the pixel vibes. by Gerrit Halfmann / icons
• Mastra: The TypeScript AI framework. by mastra.ai / ai, typescript

🎨 Design

• Choosing The Perfect Colour Palette For Your Website: 4 Factors To Consider by Rebecca Barnatt-Smith / colors / 12 min read

🐱‍💻 Hacker News

• Ask HN: How do you communicate in a remote startup?: Lots of good advice. by aml183 / remote, collaboration / 121 min read

📚 Tutorials

• CSS Scroll Snap: Just some lines of CSS by wesbos / css / 0 min read

📺 Videos

• Side Projects: The Unsung Heroes of Software Development: CPH DevFest 2024 by Rasmus Kromann-Larsen / sideprojects

Want to read more? Check out the full article here.

To sign up for the weekly newsletter, visit weeklyfoo.com.