Salar Sari Navaii

Articles

CSS Superpower: Unlocking the Magic of Container Queries

A beginner-friendly deep dive into container queries in CSS.

A Fun CSS Fact: Meet the Magic of clamp()

A quirky and enlightening CSS tip.

December 02, 2025

Native CSS Nesting Is Here: Ditch the Preprocessor

CSS now supports nesting natively — no Sass or Less needed. Here's the syntax, the edge cases, and how to migrate.

November 11, 2025

React 19 Hooks You Should Be Using in Next.js

useOptimistic, use(), useFormStatus, and the new Actions model — practical patterns for React 19 in a Next.js 15 codebase.

October 21, 2025

CSS :has() — The Parent Selector That Changes Everything

How :has() works, what it enables, and practical patterns for conditional styling based on descendants, siblings, and form state.

CSS Logical Properties: Write Once, Support Every Writing Direction

Replace physical CSS properties (left, right, margin-top) with logical equivalents that work across LTR, RTL, and vertical writing modes.

Stop Using HEX Colors: A Practical Guide to oklch()

oklch is the color space CSS has always needed — perceptually uniform, easy to manipulate, and wide-gamut ready.

React Server Components: The Mental Model That Makes It Click

Stop fighting Server Components and start using them effectively. Here's the mental model that makes RSC architecture make sense.

CSS Scroll-Driven Animations: No JavaScript Required

Build scroll-linked animations purely in CSS using the Animation Timeline API — progress bars, reveal effects, and parallax.

CSS @property: Typed Custom Properties That Actually Animate

How @property unlocks animated gradients, typed CSS variables, and smarter design tokens.

© 2026 Salar Sari Navaii. All rights reserved.