May 10 · 7 min read · Image cropping is a deceptively complex UI task. A minimal implementation is a few lines of canvas code. A production-quality tool — with drag handles, aspect ratio locking, real-time preview, and client-side export — requires careful coordinate math...
Join discussionMay 9 · 5 min read · The Watermark Image tool at Ultimate Tools adds text or image watermarks to uploaded photos in the browser. The implementation uses Canvas globalAlpha for opacity, anchor-based positioning math, and a tile loop for repeated watermarks — all client-si...
Join discussionMay 9 · 5 min read · The Blur Image tool at Ultimate Tools applies adjustable blur to uploaded images in the browser. The two-layer approach: CSS filter: blur() for fast live preview while the user moves the slider, and Canvas pixel convolution for the final export. Why...
Join discussionMay 9 · 6 min read · The Image Resizer at Ultimate Tools resizes images to exact pixel dimensions in the browser — no server, no upload. The implementation uses the Canvas API with a few non-obvious details: bicubic-quality downsampling via multi-step resize, aspect rati...
Join discussionMay 9 · 6 min read · The QR Scanner at Ultimate Tools decodes QR codes two ways: live from a camera stream, and from an uploaded image. Both run entirely in the browser — no server, no third-party scanner service. Here's how each mode works, including the BarcodeDetector...
Join discussionMay 9 · 6 min read · The Rotate Image and Crop Image tools at Ultimate Tools both run entirely in the browser using the Canvas API. Here's the non-obvious implementation detail in each: EXIF orientation corruption on rotate, and coordinate-space mismatch on crop. Part 1...
Join discussionApr 30 · 7 min read · Adding a text watermark to an image is a single fillText call. Making it work correctly — opacity, position grid, adaptive shadow, live preview without thrashing — requires understanding how Canvas st
Join discussion
Apr 16 · 7 min read · The feeling You know that moment where you're staring at your screen and everything feels permanent? The taskbar, the icons, the wallpaper — all these little digital objects pretending to be solid. I wanted to break that illusion. I wanted your scree...
Join discussion
