CSS Variables in the Age of AI: Letting Models Design Your Themes
I stopped hand-tuning every color token and let AI generate theme palettes on top of CSS variables. The result: faster theming, fewer regressions, and weirder experiments.
CSS
Modern CSS from production code. The selectors, layouts, and animations that quietly removed thousands of lines of JavaScript. 21 posts
CSS Flexbox For Adaptive Fitness Dashboards That Don’t Suck On Mobile
How I use Flexbox to keep a workout dashboard readable when the data gets weird and the layout has to adapt on the fly. Practical patterns from a real fitness tracking UI.
Using CSS Variables To Theme Biohacking Dashboards Without Losing Your Mind
How I use CSS variables to keep my HRV, sleep, and training dashboards visually consistent, even when the tools do everything in their power to look different.
Animating Sleep Cycle Data With CSS: Turning Rest Into Motion
I turned boring sleep tracking exports into an animated CSS timeline that makes light, deep and REM stages instantly readable. No chart library, just HTML, CSS, and some carefully timed motion.
Designing Neurofeedback Dashboards With CSS Grid That Don’t Suck
How I used CSS Grid to design an intuitive real-time brainwave monitoring dashboard, without leaning on JS layout hacks or UI kits.
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.
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.