Notebook

Writing

Weekly notes from a full-stack developer — WordPress, Kirby, Laravel, AI workflows, design, and the practical side of running a freelance practice.

  1. AI

    Figma to working app, never editing the code

    A self-imposed rule (don't edit the code, push past the brief), a Figma design from Frontend Mentor, and two terse prompts. The first push gave me 146 lines of clamp-everywhere …

  2. WordPress

    The server wasn't out of memory. I just thought it was.

    A WooCommerce store kept crashing under trivial traffic. Two wrong diagnoses (out of memory, hypervisor freeze), then the real cause: an Apache config reserving 19 GB of thread …

  3. CSS

    A dictionary of motion in pure CSS

    Ninety-eight verbs of motion, each animation built to embody its definition. A note on the one repeated pattern that makes the whole thing tick — per-character spans, a --i index …

  4. CSS

    A sticky parallax hero in twenty lines of JS

    A pinned hero with subtle parallax drift and text that scrolls over the locked image — the Mammut pattern. Composed from three CSS primitives plus twenty lines of JavaScript. No …

  5. WordPress

    A decimal counter for Bricks Builder

    Bricks Builder's counter element is built for integers — its animation parses values with parseInt. Here's a small custom element I wrote for decimal counts, plus a tour of …

  6. Personal

    Back from Vacation

    After eight years of freelancing without a real break, I finally took a long vacation. Here’s what changed, what I learned, and why I’m keeping one simple habit that made all the …

  7. Kirby

    Navigating Kirby: User Management and Email Configuration

    Setting up a Kirby contact form turned into a tour through user management, password resets, and SMTP configuration — Mailhog for local, real SMTP for production. A walkthrough of …