The web and seo developer desk
toolbox.
Test robots.txt rules, compare versions, convert domains to punycode, generate types from JSON and build fluid CSS and colour values.
Keep this toolbox for offline use
12 useful places to start.
Rules follow the cited specifications. A robots.txt test shows what a compliant crawler would do, not what a particular search engine will index.
robots.txt tester
Check which URLs a robots.txt allows or blocks for a crawler, with the exact rule that decided each one, following RFC 9309.
URL parser
Break a URL into its scheme, host, port, path, query parameters and fragment.
Punycode and IDN domain converter
Convert international domain names to xn-- Punycode and back, compare with the browser’s own conversion and flag lookalike letters.
Semantic version compare and range checker
Sort and validate SemVer 2.0.0 versions, test them against npm ranges such as ^1.2.3 or ~1.4 with the reason, and bump them.
JSON to TypeScript and JSON Schema
Turn sample JSON into TypeScript interfaces and a draft 2020-12 JSON Schema, with optional keys and unions inferred from the samples.
Fluid CSS clamp() generator
Write clamp() values that scale font sizes or spacing smoothly between two viewport widths, for one property or a whole type scale.
Colour space converter (OKLCH, OKLab, Lab, LCH, HWB, Display P3)
Convert any CSS colour to OKLCH, OKLab, Lab, LCH, HWB, Display P3 and XYZ, check the sRGB gamut and see CSS gamut mapping beside clipping.
Colour contrast matrix (WCAG 2.2 and APCA)
Check every pair in a palette of up to 16 colours for WCAG 2.2 contrast (AA, AAA, large text) and APCA lightness contrast in one grid.
Regex tester
Test a JavaScript regular expression on your text: every match, its position and capture groups, or a replacement preview.
URL encoder & decoder
Percent-encode a URL component or decode escaped text.
JSON viewer
Explore a collapsible JSON tree, search values, format and minify.
YAML and JSON converter
Convert YAML to JSON or JSON to YAML, with clear errors and safe handling of anchors.
A few things you
can tick off.
- Test whether a URL is allowed by robots.txt
- Check a version against a semver range
- Turn a JSON sample into TypeScript