How I Built 9 Browser-Side Developer Tools as Single HTML Files

#webdev #javascript #html #showdev

I wanted a set of developer tools that I could trust with sensitive data. No server logs. No tracking. No signup. So I built them myself — as single HTML files.

One HTML File Per Tool

Each tool is self-contained — HTML, CSS, and JavaScript all in one file. No npm. No webpack. No build step.

This constraint forced me to keep things simple, stay fast, and make deployment a one-command affair.

The 9 Tools

#	Tool	What it does
1	Timestamp Converter	Unix timestamps with natural language support
2	JSON Formatter	Format, validate, minify with tree view
3	Base64 Encoder	Full Unicode, file-to-dataURL, URL-safe decode
4	URL Encoder	encodeURIComponent and encodeURI side by side
5	UUID Generator	Bulk v4, crypto-secure, format options
6	Color Converter	HEX, RGB, HSL plus named CSS colors
7	Word Counter	Words, chars, sentences, keyword density
8	Case Converter	All 7 transformations at once
9	Table Generator	Visual grid to Markdown, HTML, or MediaWiki