Tools

Here are a couple of nifty tools I've built.

Fallback Font Generator

Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face

Sifty

Filter and search network requests in WebPageTest and Google Lighthouse JSON files

CSS Polka Dot Generator

Generate polka dot patterns using CSS custom variables for background images ā€“ no JS required