weeklyfoo #23 is here: your weekly digest of all webdev news you need to know! This time you’ll find 42 valuable links in 6 categories! Enjoy!
🚀 Read it!
- Help, I see a problem and no one is prioritizing it!: Explain the impact, not the problem by Nicole Tietz / career / 9 min read
📰 Good to know
- Threads says it will make its API broadly available by June: Attention to all social media post scheduling services! by Ivan Mehta / threads / 2 min read
- Quality is a hard sell in big tech: What I definitely can confirm: bad devex by pcloadletter / quality / 3 min read
- Apple reverses course on death of Progressive Web Apps in EU: Happy end for EU? by Mike Wuerthele / apple, pwas / 13 min read
- The 3 key jobs of a product manager: Recognize the problem, Structure a solution, and Execute: Recognize the customer problem, structure a solution, and execute on the solution by Ami Vora / product / 5 min read
- Rethinking the startup MVP: Building a competitive product: Adjusted understanding of an MVP by Tuomas Artman / product, mvp / 13 min read
- Streaming HTML out of order without JavaScript: Sending HTML from a web server to a browser in chunks as it is generated by Passle / html / 7 min read
- CSS Hooks: A new way to style your React apps: oO css and hooks by Jamie Kuppens / css / 21 min read
- CSS for printing to paper: Maybe an edge case, but get some insights how to style a webpage for printing. by voussoir.net / css, printing / 14 min read
- 5 Lessons I learned the hard way from 6 years as a software engineer: I often read similar articles, but this one brings some good five lessons on point. by Jordan Cutler / career / 12 min read
- Organizing and Running Successful Hackathons: Hackathons are fun for engineers, beneficial for businesses, and a good way to shake things up. This article suggests approaches for running successful hackathons – and whether you should hold one. by Gergely Orosz / hackathons / 15 min read
- React 19: Everything you need to know in one place: Discover the latest features of React 19, from the React Compiler to Server Components and Enhanced Hooks. Learn how to upgrade and improve your web development process. by Nimrod Kramer / react / 9 min read
- Feature flags are ruining your codebase: The dangers of letting PMs control them by Anton Zaides / featureflags / 13 min read
- Million Lint is in public beta: VSCode extension for Million to help you improve your react app with Million by million.dev / million, vscode / 8 min read
- The hater’s guide to Kubernetes: I had so much fun with k8s. never. by Paul Butler / kubernetes / 7 min read
- Tiny Predictive Text: Predictive Text Using 2MB of JavaScript, no LLM. by Adam Grant / markov, prediction / 0 min read
- The Developer’s Guide to SSO: Enterprises expect an SSO login to your SaaS in todays world. Better to be prepared. by WorkOS / sso, saml / 12 min read
- JSR: Second Look: David gives more insights from his impressions with jsr by David Bushell / jsr / 8 min read
🧰 Tools
- ElysiaJS: TypeScript with End-to-End Type Safety, unified type system and outstanding developer experience. Supercharged by Bun. by elysiajs.com / bun, typescript
- 404s: gallery of error 404 page designs by 404s.design / 404
- yoctocolors: The smallest and fastest command-line coloring package on the internet by Sindre Sorhus / javascript, colors
- About Ideas Now: Find people to talk to or collaborate with by searching across the /about, /ideas and /now pages. Already put it on my todo list to add those pages. by aboutideasnow.com / inspiration
- Shiki: A beautiful yet powerful syntax highlighter by Anthony Fu / highlighter
- radicle: Radicle is a sovereign peer-to-peer network for code collaboration, built on top of Git. by Radicle Team / collaboration
- Tailframes: Tailwind CSS UI Kit that simplifies the process of building web apps by tailframes.com / tailwind
- Simple Icons: Free SVG icons for popular brands by simpleicons.org / icons
- BlockNote: The open source Block-Based rich text editor by BlockNote / editors
- Daytona: Daytona is the enterprise-grade Codespaces alternative for managing self-hosted, secure and standardized development environments. by daytona.io / coding, environment
- react-barcode: A
component for use with React. by Sunhyoup Lee / react - Poline: “poline” is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. by David Aerne / colors
- Plotly: Built on top of d3.js and stack.gl, Plotly.js is a high-level, declarative charting library. by Plotly / charts
- ONBOARDING_LIB: It’s like a library screams at you ;) by Flytrap / onboarding, react
- Color Palette Generator: Transform inspiration into vibrant color schemes with our intuitive color combination generator by Pixelied / colors
- Lummi: The best free stock photos and royalty free images. Powered by robots everywhere. by lummi.ai / photos, ai
- Daggerverse: Discover and share modules full of Dagger functions encapsulating the community’s devops knowledge. by daggerverse.dev / infra, automation
- LogScreen: Loglines can be messy, read it better on a browser,
by Sooraj Shankar / logs
🎨 Design
- An HTML Switch Control: New control in Safari 17.4 by Anne van Kesteren & Jon Davis / apple, safari, switch / 5 min read
- The Death of User Interfaces: Dive into how product design has shifted towards a UI focus and how the AI “revolution” is gradually phasing out the “traditional user interfaces.” by Hugo Felix / ui, ai / 12 min read
📚 Tutorials
- How to Make a Chrome Extension: Step-by-Step Guide: Always good to know how to build your own Chrome extension to automate things. by Hardeep Asrani / chrome / 16 min read
- Modern CSS Tooltips And Speech Bubbles: Create your own tooltips! by Temani Afif / tooltips / 24 min read
- CSS scroll-triggered animations with style queries: Very popular currently. by Ryan Mulligan / css / 7 min read
📺 Videos
- Expo in 100 Seconds: Learn the fundamentals of React Native development in Expo in this quick breakdown. by Fireship / expo