So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation
Saron Yitbarek explains everything you need to know about animation-ranges in scroll-driven animations. - https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation
#css
Saron Yitbarek explains everything you need to know about animation-ranges in scroll-driven animations. - https://webkit.org/blog/17184/so-many-ranges-so-little-time-a-cheatsheet-of-animation-ranges-for-your-next-scroll-driven-animation
#css
WebKit
So many ranges, so little time: A cheatsheet of animation-ranges for your next scroll-driven animation
Background If you’re new to scroll-driven animations, welcome!
👍1
Vue.js: Propagating Props Like a Pro
Probably the cleanest way to forward base props from a wrapper component in Vue. - https://hackernoon.com/vuejs-propagating-props-like-a-pro
#vue
Probably the cleanest way to forward base props from a wrapper component in Vue. - https://hackernoon.com/vuejs-propagating-props-like-a-pro
#vue
Hackernoon
Vue.js: Propagating Props Like a Pro
Probably the cleanest way to forward base props from a wrapper component in Vue.js
❤4👍1
The Node Developer's Guide to Unix Domain Sockets
The TLDR: “Unix domain sockets deliver ~50% lower latency than TCP loopback for Node.js IPC.” - https://nodevibe.substack.com/p/the-nodejs-developers-guide-to-unix
#nodejs
The TLDR: “Unix domain sockets deliver ~50% lower latency than TCP loopback for Node.js IPC.” - https://nodevibe.substack.com/p/the-nodejs-developers-guide-to-unix
#nodejs
Substack
The Node.js Developer's Guide to Unix Domain Sockets: 50% Lower Latency Than TCP loopback
Links that I found interesting this week:
👍1
Mastering tsconfig.json Optimizations for Angular Projects
Unlock the full potential of Angular with a perfectly… - https://javascript.plainenglish.io/mastering-tsconfig-json-optimizations-for-angular-projects-6973fb6f4408
#angular
Unlock the full potential of Angular with a perfectly… - https://javascript.plainenglish.io/mastering-tsconfig-json-optimizations-for-angular-projects-6973fb6f4408
#angular
Medium
Mastering tsconfig.json Optimizations for Angular Projects
Unlock the full potential of Angular with a perfectly tuned tsconfig.json. Discover advanced techniques to improve build performance…
❤2👍1
Streamdown: A Drop-In react-markdown Replacement That Supports Streaming
react-markdown is great for rendering Markdown, but if you have to handle live-streaming content (such as in AI contexts), Vercel’s new project could offer the power you need - https://streamdown.ai/
#react
react-markdown is great for rendering Markdown, but if you have to handle live-streaming content (such as in AI contexts), Vercel’s new project could offer the power you need - https://streamdown.ai/
#react
streamdown.ai
A drop-in replacement for react-markdown, designed for AI-powered streaming.
❤2👍2
Impact of AI on Tech Content Creators
Chris Coyier shares some thoughts on how AI might impact content creators. - https://chriscoyier.net/2025/07/23/impact-of-ai-on-tech-content-creators
#css
Chris Coyier shares some thoughts on how AI might impact content creators. - https://chriscoyier.net/2025/07/23/impact-of-ai-on-tech-content-creators
#css
Chris Coyier
Impact of AI on Tech Content Creators
Wes on Syntax: I write content. That content is consumed by people. But a lot of it has been used to train AIs for people to get a very quick answer. You can see the amount of bots visiting website…
👍1
Handling internationalisation (i18n) in Vue
This article introduces you to the topic of i18n and show you how you can achieve that in both Vue and Nuxt frameworks. - https://dev.to/jacobandrewsky/handling-internalisation-i18n-in-vue-2nof
#vue
This article introduces you to the topic of i18n and show you how you can achieve that in both Vue and Nuxt frameworks. - https://dev.to/jacobandrewsky/handling-internalisation-i18n-in-vue-2nof
#vue
DEV Community
Handling internationalisation (I18N) in Vue
I always struggled with implementing support for internationalisation in my Vue and Nuxt apps. The...
❤1👍1
Starting a Modern Angular Application
In this article, I’ll review the tools and options we… - https://medium.com/@eugeniyoz/starting-a-modern-angular-application-9cbe409ee610
#angular
In this article, I’ll review the tools and options we… - https://medium.com/@eugeniyoz/starting-a-modern-angular-application-9cbe409ee610
#angular
Medium
Starting a Modern Angular Application
In this article, I’ll review the tools and options we have when creating a modern Angular app and which of them should be chosen.
👍1
A 'Go to Source' Feature for TanStack Devtools
The original title ‘I blow your mind with TanStack Devtools in under 10 minutes’ might be a little intense, but 5 minutes in, Alem does show off a genuinely neat ‘go to source’ feature that works across any JSX flavor. Click on whatever component you want in the devtools and go straight to the code behind it. - https://www.youtube.com/watch?v=wQ-X501kgpg
#react
The original title ‘I blow your mind with TanStack Devtools in under 10 minutes’ might be a little intense, but 5 minutes in, Alem does show off a genuinely neat ‘go to source’ feature that works across any JSX flavor. Click on whatever component you want in the devtools and go straight to the code behind it. - https://www.youtube.com/watch?v=wQ-X501kgpg
#react
YouTube
I blow your mind with TanStack Devtools in under 10 minutes.
In todays video I show you how to add TanStack Devtools to your project, it's new go to source feature and a lot more in under 10 minutes!
I am also an epic-instructor on Epic Web, if you're interested in my upcoming react-router courses feel free to subscribe…
I am also an epic-instructor on Epic Web, if you're interested in my upcoming react-router courses feel free to subscribe…
❤3
How to Build Node.js MCP Servers that Expose Data Resources to LLMs
https://snyk.io/articles/how-to-build-node-js-mcp-servers-that-expose-data-resources-to-llms/
#nodejs
https://snyk.io/articles/how-to-build-node-js-mcp-servers-that-expose-data-resources-to-llms/
#nodejs
👍1
The Many, Many, Many JavaScript Runtimes of the Last Decade
A meaty article (which took a year to put together) covering the myriad of JavaScript runtimes and engines both past and present, from obvious picks like Node.js to cloud platforms and lesser known ‘honorable mentions’. This is a great summary to round out your JS ecosystem knowledge. - https://buttondown.com/whatever_jamie/archive/the-many-many-many-javascript-runtimes-of-the-last-decade/
#javascript
A meaty article (which took a year to put together) covering the myriad of JavaScript runtimes and engines both past and present, from obvious picks like Node.js to cloud platforms and lesser known ‘honorable mentions’. This is a great summary to round out your JS ecosystem knowledge. - https://buttondown.com/whatever_jamie/archive/the-many-many-many-javascript-runtimes-of-the-last-decade/
#javascript
Buttondown
The many, many, many JavaScript runtimes of the last decade
This last decade has seen an inundation of new JavaScript runtimes (and engines in equal measure), enabling us to run JavaScript in all manner of contexts...
👍1
Modern Form Handling with Angular Signals and Reactive Forms
Harnessing the Power of Modern Angular for Efficient… - https://itnext.io/modern-form-handling-with-angular-signals-and-reactive-forms-bc8fd9480d14
#angular
Harnessing the Power of Modern Angular for Efficient… - https://itnext.io/modern-form-handling-with-angular-signals-and-reactive-forms-bc8fd9480d14
#angular
Medium
Modern Form Handling with Angular Signals and Reactive Forms
Harnessing the Power of Modern Angular for Efficient Form Handling
👍2
Building charts in Vue with D3
In this guide, you’ll explore how to combine Vue and D3 to build dynamic, interactive charts. - https://dev.to/jacobandrewsky/building-charts-in-vue-with-d3-38gl
#vue
In this guide, you’ll explore how to combine Vue and D3 to build dynamic, interactive charts. - https://dev.to/jacobandrewsky/building-charts-in-vue-with-d3-38gl
#vue
DEV Community
Building charts in Vue with D3
Creating data visualizations in modern web apps often requires both flexibility and reactivity....
❤2👍1
React’s useTransition and State Update Reordering - https://jordaneldredge.com/notes/react-rebasing/
#react
#react
Jordaneldredge
React’s useTransition and state update reordering / Jordan Eldredge
Clarifying how React will sometimes apply state updates out of order when using concurrent features, and a best practice which can help you avoid it.
❤1👍1
The Multi-Repository TypeScript Problem
Solving cross-repo type safety. - https://www.carrick.tools/blog/the-multi-repository-typescript-problem
#nodejs
Solving cross-repo type safety. - https://www.carrick.tools/blog/the-multi-repository-typescript-problem
#nodejs
www.carrick.tools
The Multi-Repository TypeScript Problem
Navigating Type Safety Across Service Boundaries
❤2
Creating a Scroll-Spy With 2 Lines of CSS
Una Kravets explains how scroll-target-group lets you create a scroll-spy table of contents with basically two lines of CSS. - https://una.im/scroll-target-group
#css
Una Kravets explains how scroll-target-group lets you create a scroll-spy table of contents with basically two lines of CSS. - https://una.im/scroll-target-group
#css
Una.im
Creating a scroll-spy with 2 lines of CSS
scroll-target-group is a new CSS feature that lets you create scroll-spy table of contents with basically 2 lines of CSS.
👍3
RxSignals: The most powerful synergy in the history of Angular
Let’s explore why Signals allow us to move state… - https://medium.com/coreteq/rxsignals-the-most-powerful-synergy-in-the-history-of-angular-235398a26b41
#angular
Let’s explore why Signals allow us to move state… - https://medium.com/coreteq/rxsignals-the-most-powerful-synergy-in-the-history-of-angular-235398a26b41
#angular
Medium
RxSignals: The most powerful synergy in the history of Angular
Let’s explore why Signals allow us to move state management out of RxJS, letting it focus primarily on event-driven tasks.
👍1
How Vue.js Developers Can Use AI Coding Agents to Build Faster
This article explores how Vue developers can harness AI coding agents to supercharge their productivity, using practical examples with Vue and Nuxt. - https://vueschool.io/articles/vuejs-tutorials/how-vue-js-developers-can-use-ai-coding-agents-to-build-faster/
#vue
This article explores how Vue developers can harness AI coding agents to supercharge their productivity, using practical examples with Vue and Nuxt. - https://vueschool.io/articles/vuejs-tutorials/how-vue-js-developers-can-use-ai-coding-agents-to-build-faster/
#vue
vueschool.io
How Vue.js Developers Can Use AI Coding Agents to Build Faster - Vue School Articles
Discover how Vue.js developers can use AI coding agents to streamline workflows, with Vue & Nuxt examples
❤2👍2
Quick & Easy Theme Transitions
Kevin Powell shows how to spice up your site with quick & easy theme transitions. - https://www.youtube.com/watch?v=f_aqzyIDudI
#css
Kevin Powell shows how to spice up your site with quick & easy theme transitions. - https://www.youtube.com/watch?v=f_aqzyIDudI
#css
YouTube
Quick & Easy Theme Transitions
🔗 Links
✅ https://kevinpowell.co/courses
✅ More in-depth video on single page view transitions: https://youtu.be/jZiZs8cZAKU
✅ Learn about cross-document view transitions: https://youtu.be/quvE1uu1f_I
✅ The final code from this video: https://codepen.io/…
✅ https://kevinpowell.co/courses
✅ More in-depth video on single page view transitions: https://youtu.be/jZiZs8cZAKU
✅ Learn about cross-document view transitions: https://youtu.be/quvE1uu1f_I
✅ The final code from this video: https://codepen.io/…
❤2👍1
Optimizing PWAs for Different Display Modes - https://www.smashingmagazine.com/2025/08/optimizing-pwas-different-display-modes/
#react
#react
Smashing Magazine
Optimizing PWAs For Different Display Modes — Smashing Magazine
Progressive Web Apps (PWAs) are a great way to make apps built for the web feel native, but in moving away from a browser environment, we can introduce usability issues. This article covers how we can modify our app depending on what display mode is applied…
👍1
