updates, tips, and deep dives into browser-based developer tools
How we rebuilt a simple JSON formatter into a full-featured tool with Monaco editor, JSON validation via a web worker, JSONC comment stripping, and responsive mobile tabs — all running in the browser.
How we built a real-time markdown editor with Monaco for editing and a remark/rehype/shiki pipeline for preview — with GFM support, scroll sync, HTML export, and a mobile-optimized UI.
How we built a browser-based color picker supporting all CSS Color Level 4 formats — HEX, RGB, HSL, HWB, LAB, LCH, OKLAB, OKLCH, Display P3, A98-RGB, ProPhoto, and Rec. 2020 — with gamut checking, contrast suggestions, harmony palettes, shade scale generation, and palette export.
How we built a fully client-side video processor using FFmpeg compiled to WebAssembly — compression, trimming, resizing, format conversion, and more, all without a server.
How we built a fully client-side image processing toolkit — face detection, smart cropping, passport photos, background removal, quality scoring, and EXIF parsing — all without a server.
Introducing the utilities blog — how we built a zero-JS static blog system using MDX, React SSR, and Tailwind CSS, fully separate from the main app.