Design Systems
Building a design token system for Jekyll
How CSS custom properties and a small token layer make rebranding and dark mode straightforward without a heavy build pipeline.
Blog
Notes on design systems, Jekyll, accessibility, and frontend architecture.
Accessibility
Accessible modals without a framework
Focus trap, Escape handling, and restoring focus — the essentials for dialogs in vanilla JavaScript.
Architecture
Why Liquid component APIs beat copy-paste HTML
A consistent include API keeps commercial templates maintainable when the same button appears on twenty pages.
Performance
Progressive enhancement for static sites
Ship HTML and CSS first. Add JavaScript only where interaction requires it — and keep the core experience usable without it.