Tools

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

Soundtrace

Performance traces and network logs in audio form

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