Scroll-snap in 2026: when it works and when it fights the user
→
Scroll-snap is finally stable enough to ship without fear, but it still loves to fight the user if you aim it at the wrong problem. Here is where I actually use it in 2026, and where I avoid it.
CSS Subgrid: The Layout Feature That Finally Made My Components Behave
→
CSS subgrid finally made my components line up without hacks. Here is how I use it for cards, forms, and editorial-style layouts in real projects.
The Browser DevTools CSS Workflow I Wish I Had 10 Years Ago
→
How I use modern browser DevTools to untangle CSS, layout bugs, and paint issues in minutes instead of hours. The workflow I wish I had 10 years ago.
Container Queries vs Media Queries: The Call I Make On Every Component
→
How I actually choose between container queries and media queries on real projects. No theory, just the decision tree I use on every component.
CSS clip-path Animations I Actually Use For Scroll Reveals
→
How I use CSS clip-path for scroll reveals and hero transitions without ScrollMagic, GSAP, or a single animation library. Just CSS, a bit of IntersectionObserver, and some opinionated patterns.
CSS Logical Properties: How I Replaced Left/Right Without Breaking Everything
→
I migrated a real client project from left/right CSS to logical properties without breaking layout or deadlines. This is what actually worked.
Using CSS Custom Properties As Design Tokens (Without A Design System)
→
How I use plain CSS custom properties as a design token system for real projects. Spacing, color, and motion tokens. No Figma. No toolchain. Just code.
The Scroll-Driven CSS Animation I’m Most Proud Of (After 4 Rewrites)
→
I built a scroll-driven CSS animation that took four full rewrites before it stopped fighting me. This is the build log, including the ugly parts and the final clean setup.
CSS Container Queries In Production: Where They Shine And Where Media Queries Still Win
→
I refactored a real production project from media queries to container queries. This is what actually changed, what stayed the same, and where each approach still wins.
Building A Personal Metrics Dashboard With Vanilla JS And CSS Grid
→
How I built a fast personal metrics dashboard with vanilla JS, CSS Grid, and localStorage. No frameworks, no build tools, just browser-native tech that I actually use.
CSS :has() Selector: The Layout Trick I Wish I Knew 5 Years Ago
→
I ignored the CSS :has() selector for too long. Here is how it quietly removed a chunk of my JavaScript and made a few real production interfaces easier to ship.
Why Dropping Out Of Art Academy Made Me A Better Front-End Developer
→
I dropped out of Art Academy and accidentally became a better front-end developer. Learning to see like a designer did more for my HTML and CSS than any JavaScript framework tutorial.
