Writing

Notes on design & front-end craft

Write-ups on the design and front-end problems I've run into while shipping product.

Design
Creating High-Resolution Social Media Brand Images
A Photoshop workflow for creating high-resolution Twitter and Facebook cover images that avoid platform compression.
Development
Building React Components From SVG Files
How to transform svg files into react components that you can style and animate
Development
Deploying a GDPR cookie bar via GTM
How to build and deploy a GDPR cookie consent bar through Google Tag Manager using localStorage with a cookie fallback.
Design
Creating Complete Favicons
A guide to generating a complete favicon set that covers browser tabs, mobile home screens, pinned tabs, and desktop shortcuts.
Design
Design Documentation & Communication
How I use Sketch and InVision to keep design files as a source of truth and smooth out the design-to-development handoff.