CSS Custom Properties For Responsive Biohacking Dashboards
How I use CSS custom properties to make my health dashboards adapt to any screen, metric, or weird HRV experiment without rewriting half my CSS every month.
Frontend
Frontend notes from 11+ years of shipping web stuff. JavaScript, performance, web APIs, and the craft behind interfaces that feel right. 24 posts
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.
Schema.org For Non‑Developers: The One Markup That Makes AI Understand Your Site
Schema.org is the one markup layer that makes AI and search engines stop guessing what your site is about. Here is how I wire it up without writing code.
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.
Why Most Websites Are Invisible To AI (And 3 Fixes That Actually Work)
Most websites are basically invisible to AI tools like ChatGPT and Perplexity. Here is how I make sites legible to machines using 3 simple fixes any business owner can copy.
My GEO Audit Checklist For Every New Client (With Real Fixes)
This is the GEO audit I run on every new client site. Schema, llms.txt, entities, FAQ structure, and the real fixes that actually move the needle.
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.
How I Evaluate a New Dev Tool (My 3‑Question Filter)
I run every new dev tool through the same 3‑question filter before it touches my real workflow. Here is how Cursor, Tower, and SecondsPro managed to earn their place.