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

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

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!

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!


📰 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


🐱‍💻 Hacker News


📚 Tutorials


📺 Videos

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

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