Note
The Case for Small Reusable Pattern Libraries
Why building a personal library of small, tested front-end patterns is more valuable than collecting bookmarks. How to structure, maintain, and grow a pattern collection that actually gets used.
Workflow
Guide
How to Document UI Experiments
A practical guide to documenting front-end visual experiments, interactive prototypes, and CSS/SVG work. Covers screenshot capture, process notes, code annotation, and building a useful reference archive.
Guide
Image Delivery for Gallery Sites
How to handle image formats, compression, responsive sizing, and delivery optimization for visual gallery and portfolio sites. Covers JPG tuning, lazy loading, layout shift prevention, and CDN strategy.
Guide
CSS Architecture for Small Visual Projects
How to organize CSS for small to medium visual projects, component libraries, and gallery sites. Covers naming conventions, file structure, custom properties, specificity management, and scalable patterns.
Guide
From CodePen to Production Thinking
How to bridge the gap between experimental front-end work in CodePen and building production-ready code. Covers dependency management, responsive scaling, accessibility, and performance hardening.
Guide
SVG Workflows for Interface Illustration
A hands-on guide to creating, optimizing, and integrating SVG illustrations into browser interfaces. Covers design-tool export, hand-tuning, path optimization, accessibility, and CSS styling.
Guide
Recreating Visual Shots in HTML and CSS
A practical guide to translating visual references, design screenshots, and UI concepts into clean browser-native implementations using HTML, CSS, and minimal JavaScript.