Web Development

Defining Your Own Environment Variables

The first post on `env()` was about what the browser gives you. This one is about a build-step pattern that lets you author your own design tokens in TypeScript and reference them in CSS, including inside `@media` rules where custom properties don't work.

Beyond E2E Testing Part 1

Visual Regression Testing with Playwright

End-to-End tests are expensive to write and maintain. Accessibility audits don't happen often enough. Documentation drifts from what actually shipped. Screenshots go stale within a single release cycle. Visual bugs slip through functional tests.

CSS Has Environment Variables Now

Here's What You Need to Know About env()

CSS has environment variables. The env() function gives you access to browser-provided values like safe area insets, keyboard dimensions, and viewport segments — no JavaScript hacks needed. Essential for PWAs and mobile-first web apps.

Initial Commit

I'm not a writer and do not aspire to be one. I have just grown tired of the existing platforms and their algorithms.