CSS animation-composition

Tyler Gaw’s article on CSS animation-composition explains how to gain more control over animations by letting you adjust whether values replace, add to, or accumulate with existing styles. While it’s not something you’ll use every day, this property is great for more complex animation scenarios where precision is key. - https://12daysofweb.dev/2023/animation-composition

#css

How to Create Kinetic Image Animations with React Three Fiber

A fantastic visual effect for the Web (which can try live here) that’s explained in technical detail. It’s amazing what React Three Fiber can do and might inspire you to have a play for yourself.. - https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/

#react

PSA: Beware of End-of-Life Node.js Versions

Matteo Collina notes the Node.js ecosystem is “at a critical juncture”, with v18 and earlier now ‘End-of-Life’. He breaks down what that really means for users of legacy versions, and why you should skip Active LTS v20 and leap straight to v22 for maximum future-proofing. If you have to stay on older versions, though, Matteo shares an option to consider. - https://nodejs.org/en/blog/announcements/node-18-eol-support

#nodejs

Understanding Vue’s Virtual DOM

In this article, you'll explore how Vue’s Virtual DOM works can help optimize your applications and write more efficient code. - https://dev.to/jacobandrewsky/understanding-vues-virtual-dom-108p

#vue

Maximizing Productivity in Angular: Advanced Configurations in angular.json…

Optimizing the generation of Angular components… - https://readmedium.com/maximizing-productivity-advanced-configurations-in-angular-json-2846cb739f68

#angular

The New CSS Math: rem() and mod()

Dan Wilson's article dives into two new CSS math functions, rem() and mod(), which bring remainder and modulus operations directly to CSS. With rem(), you can calculate remainders just like in JavaScript’s %, while mod() gives you similar behavior but with a twist—it takes the sign of the divisor instead of the dividend. These functions are handy for more precise control over layout and rotation, and while they’re available in Safari and Firefox, you’ll need to enable a feature flag in Chrome/Edge. - https://danielcwilson.com/posts/mathematicss-rem-mod

#css

What Every React Developer Should Know About Signals

Ryan, the creator of SolidJS, put eight hours into making this ten minute video which is a good look at the state of signals in modern JavaScript code and compares them to React’s approach. - https://www.youtube.com/watch?v=VgGl9i-OBBI

#react

Build a Remote Micro Frontend with Vite, React, and TypeScript

Streamline development and boost team collaboration by… - https://readmedium.com/remote-micro-frontend-8c84585ebf69

#micro-frontend

Dr. Axel's 'Sales Pitch' for TypeScript

As one of JavaScript’s most esteemed writers, if Dr. Axel can’t convince you of the value of TypeScript, who could? - https://2ality.com/2025/03/typescript-sales-pitch.html

#typescript

Node v24.2.0 (Current) Released

import.meta.main is a new boolean value available in ES modules that tells you if the current module was the entry point of the current process (so you could run specific code only if a module is run directly, say). Support for HTTP/2 priority signalling has also been removed from nghttp2. - https://nodejs.org/en/blog/release/v24.2.0

#nodejs

Pinia problems you should avoid

Pinia is integral for a lot of applications.
But make sure that you don't make the mistakes shown in the video, or if you do, how to fix them. - https://www.youtube.com/watch?v=Md8bNJVQQFA

#vue

Server-Side Support for MCP in Next.js

Enable your users to securely grant AI applications like Claude, Cursor, and others access to their data within your app. - https://clerk.com/changelog/2025-06-25-mcp-server-nextjs

#react

One line CSS solution to prevent anchor links from scrolling behind a sticky or fixed header

If you've ever had a sticky or fixed header mess with your anchor links, this article offers a super simple fix. It introduces a one-line CSS solution using scroll-margin-top or scroll-padding-top to prevent your content from getting hidden behind the header when an anchor link is clicked. With solid browser support, you can implement this fix right away and improve your site's UX in just one line of code. - https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html

#css

Designing for Success: How GRASP Patterns Enhance Angular Architecture - https://towardsdev.com/designing-for-success-how-grasp-patterns-enhance-angular-architecture-e30c0a60a805

#angular

Native Hot Module Reloading in Node via Module Hooks

A clever use of module hooks to implement ‘hot module’ functionality natively and efficiently. - https://immaculata.dev/blog/native-nodejs-hmr.html

#nodejs

When to Use $fetch, useFetch, or useAsyncData in Nuxt: A Comprehensive Guide

Confused about when to use $fetch, useFetch, or useAsyncData in Nuxt?
This guide breaks down their differences, best use cases, and common pitfalls to help you make the right choice for your project. - https://masteringnuxt.com/blog/when-to-use-fetch-usefetch-or-useasyncdata-in-nuxt-a-comprehensive-guide

#vue

70+ Engineering Blogs To Follow in 2025.

Many people ask me from where I learn or if I find… - https://readmedium.com/70-engineering-blogs-to-follow-in-2025-01d2895ea23d

#engineering #blogs

The Secret Mechanisms of CSS

Josh takes you through a very relatable problem — an image in a container with unexplained extra space — and not only gives a solution but breaks down why it happens. He talks about CSS treating images like text elements, how we often jump to Stack Overflow or ChatGPT for quick fixes like line-height: 0, and the importance of digging deeper into how CSS really works. This talk will shift your mindset from "quick fixes" to real understanding, making your CSS game so much stronger! - https://www.youtube.com/watch?v=kj7WGnUDaI4

#css

The History of React Through Code

An epic attempt charting React’s evolution from its origins at Facebook to what we know and use today. It sheds light on React’s core philosophies, the motivations behind major API and feature decisions, and how it solved real problems developers were facing. This will round out your thinking about React if you weren’t using it from the earliest days. - https://playfulprogramming.com/posts/react-history-through-code

#react

Design Pattern — Memento in Angular - https://medium.com/design-patterns-memento-in-angular/design-patterns-memento-in-angular-a4d8985f4771

#angular