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.

The above is the detailed content of Stay ahead in web development: latest news, tools, and insights #60. For more information, please follow other related articles on the PHP Chinese website!