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.
Frontend
Frontend notes from 11+ years of shipping web stuff. JavaScript, performance, web APIs, and the craft behind interfaces that feel right. 24 posts
From Zero To Indexed: How Long My Self‑Hosted Ghost Blog Took To Rank
I launched a self-hosted Ghost blog on a fresh domain and tracked everything. Here is the real timeline from “hello world” to first Google impressions and clicks.
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.
Stop Asking. Start Delegating: How I Actually Use AI On My Site
AI is not a smarter Google. It is a delegation tool. This is how I rebuilt parts of my site around that idea and shipped six AI gallery pages.
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.
The Real Cost Of Self‑Hosting Ghost On DigitalOcean In 2026
I ran the actual 2026 numbers for self‑hosting Ghost on DigitalOcean versus paying for Ghost Pro. This is what it really costs in dollars and in time.
My Full Make.com Blueprint For Automating a Sheets → OpenAI → Ghost Content Pipeline
I wired my entire content pipeline into Make.com so a single row in Google Sheets turns into a published Ghost post. Here is the exact scenario, module by module.
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.
Why I Stopped Using Component Libraries And Went Back To Vanilla CSS
I stopped using component libraries and went back to vanilla CSS. Not because of vibes or aesthetics, but because the performance numbers made me feel stupid.
How I Use Cursor + Claude for CSS: A Practical Workflow from a Real Project
A step-by-step look at how I use Cursor and Claude together to design, refactor, and debug CSS in a real project—without sacrificing code quality or control.
The Invisible Cost of Web Animations and How to Ship Fast, Smooth UI
A practical guide for developers who want every micro-interaction to feel delightful without dragging down performance.