Front End World

Time-based background colour transitions with Temporal and CSS color-mix

A visual refresh with a background that changes colour according to the time of day, using the new Temporal API along with CSS custom properties that blend into each other.

https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/

CSS Infinity Use Cases

Some practical, some wild

https://nerdy.dev/css-infinity-use-cases

How to find a Next.js memory leak in production

Three open memory leaks in Next.js 15.5–16.3, how to tell which one you have from heap snapshots, and why on serverless a leak shows up as a 504 timeout.

https://xabierlameiro.com/blog/nextjs/nextjs-memory-leak-in-production

How animation-timeline: scroll() Replaces Scroll JavaScript

Build a reading-progress page, delete the JavaScript that only paints, and learn which scroll work still belongs to JavaScript.

https://agustinbarrientos.com/writing/senior-eye/animation-timeline-scroll/

React Hook Form Avoids State. TanStack Form Scopes It.

React Hook Form begins with registered inputs. TanStack Form begins with controlled fields backed by a store. That difference changes some code paths, but not as many as the APIs suggest.

https://www.adarsha.dev/blog/react-hook-form-and-tanstack-form-state-models

Building Ridgeline: Engineering a Real-Time 3D Experience in Webflow

A behind-the-scenes look at the engineering behind Ridgeline, covering the architectural decisions, Webflow integration, real-time terrain rendering, animation techniques, and performance optimizations that brought a cinematic 3D experience to life.

https://tympanus.net/codrops/2026/07/22/building-ridgeline-engineering-a-real-time-3d-experience-in-webflow/

Mastering JavaScript String Algorithms

Learn common JavaScript string interview questions: reversing strings, detecting palindromes, using two pointers, and optimizing practical solutions.

https://jsdev.space/javascript-string-algorithms/

How to use CSS contrast-color() for auto-contrast

Learn how to use CSS contrast-color() and container style queries to build accessible, auto-contrast UI components without JavaScript.

https://blog.logrocket.com/css-contrast-color-auto-contrast/

The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio

A behind-the-scenes look at how multiple animation, rendering, and interaction layers were unified into one performant web experience.

https://tympanus.net/codrops/2026/07/15/the-architecture-behind-trionn-coordinating-gsap-three-js-lenis-and-web-audio/

OKHST: predictable color generation for real interfaces

OKHST is a tone-based color space for generating UI palettes that behave more predictably across states, dark mode, and high contrast.

https://tenphi.me/blog/okhst-predictable-color-generation/

Protecting HTML Content Against Copying

Learn what actually works to discourage copying content in HTML. Explore CSS, JavaScript, Canvas, clipboard APIs, font obfuscation.

https://jsdev.space/howto/protect-from-copying/

Use cases for aria-expanded

Without reading dry documentation, finding the correct use for aria roles can be a challenge, so Steve Frenzel is here to break down the often mis-used aria-expanded.

https://piccalil.li/blog/use-cases-for-aria-expanded/

Automating ESLint migrations with Codemod

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

https://eslint.org/blog/2026/07/eslint-codemod-migrations/