Learn it. Make it. Done.
Clear explanations for the work behind the tools. No long detours.
Compare Unicode characters, UTF-16 units, and UTF-8 bytes
Count text using several technical measures and understand why an emoji can affect a form limit differently from a plain letter.
A five-minute JSON check before you ship
Find syntax mistakes, preserve data types, and understand what validation tells you.
JPG, PNG, or WebP: choose the right image format
A practical way to balance file size, transparency, and image quality.
Build a five-color HSL palette and assign roles deliberately
Generate a reproducible monochrome palette from red, compare relationship modes, and test contrast separately from harmony.
Sample an image pixel without confusing transparency and color
Read a known PNG pixel as HEX and RGBA, use keyboard-friendly coordinates, and distinguish a sample from an accessible color pair.
Compare PDFs: a practical guide
View rendered pages and highlight visual differences.
Compare compound growth at a chosen nominal rate and frequency
Model a single starting balance with annual, quarterly, monthly, or daily compounding and no added deposits.
Compress Image to Size: a practical guide
Aim for an image upload limit such as 20, 50 or 100 KB.
Build a subtle card shadow and understand each length
Generate a concrete box-shadow declaration, compare offset, blur, and spread, and inspect it on the actual page background.