Tutorials & Guides
Practical, step-by-step guides on image optimisation, favicons, QR codes, colour accessibility and CSS.
- Text & developer tips How to validate and fix JSON: the most common errors explained Trailing commas, single quotes and missing brackets break JSON. Learn the strict rules, how to read an error message and how to format JSON safely.
- CSS tips Realistic CSS box-shadows: layering, offsets and inset One heavy shadow looks flat and fake. Layering a few light ones looks natural. Learn the syntax, a few proven recipes and a performance trap to avoid.
- Text & developer tips How to create a strong password (and why length beats symbols) A strong password is long, random and used only once. This guide explains entropy in plain words, what to avoid and how a password manager fits in.
- Text & developer tips How word count and reading time are worked out (and why tools disagree) Two word counters can give different totals for the same text. This guide explains how words, characters and reading time are counted, and which limi…
- Favicons & social images How to make a Wi-Fi QR code (and what is inside it) A Wi-Fi QR code lets guests join your network by scanning. Learn the format, the security trade-off and how to print one that scans reliably.
- Text & developer tips How to turn JPG and PNG images into one PDF without losing quality Phone photos make huge PDFs. Here is how page size, margins and image resolution decide the file size, and how to keep a PDF sharp but small.
- Favicons & social images Open Graph image size: how to make a 1200×630 link preview that looks right The picture shown when your link is shared on social networks and chat apps comes from one tag. Here are the size, safe area and file tips that avoid…
- Image optimisation WebP vs JPEG vs PNG: which image format should you use? Each format wins in a different situation. A plain comparison of photos, graphics, transparency and compatibility, with a simple decision guide.
- Image optimisation When should you inline an image as Base64 (and when not)? Data URIs save a request but cost size and caching. A short guide to when inlining helps, and a rule of thumb for when it hurts.