
Web Development8 min read
Scroll-Driven Animations in CSS: Motion Without JavaScript
How I rebuilt my portfolio's scroll choreography with animation-timeline, view() and scroll(): no scroll listeners, smoother frames and graceful fallbacks.
Writing
Practical articles on React, Next.js, CSS and the craft of shipping software, drawn from real projects.

Web Development8 min read
How I rebuilt my portfolio's scroll choreography with animation-timeline, view() and scroll(): no scroll listeners, smoother frames and graceful fallbacks.

Technical7 min read
The hero of my portfolio is a CSS-only solar system: tilted rings, planets that stay upright and real depth sorting. Here is the transform chain behind it.

Best Practices7 min read
Animation should explain, confirm or delight, never make people wait. The rules I use to decide what moves, how fast it moves and what it costs.

Web Development7 min read
Discover how shadcn/ui offers a new approach to component libraries, prioritizing developer control and customization.

Tools8 min read
Explore the strengths of Biome and ESLint, two powerful tools for code quality and linting.

Tools7 min read
Explore how AI-powered code review tools are transforming code maintenance, enhancing quality when paired with human expertise.

Web Development5 min read
Explore the powerful features introduced in React 19.2, including the Compiler, Activity Component, and useEffectEvent, which enhance performance and code quality.
Showing 7 of 10 articles
Load more
Web Development8 min read
How I rebuilt my portfolio's scroll choreography with animation-timeline, view() and scroll(): no scroll listeners, smoother frames and graceful fallbacks.

Technical7 min read
The hero of my portfolio is a CSS-only solar system: tilted rings, planets that stay upright and real depth sorting. Here is the transform chain behind it.

Web Development7 min read
Discover how shadcn/ui offers a new approach to component libraries, prioritizing developer control and customization.