Skip to content

Instantly share code, notes, and snippets.

@nathanfranke
Created October 25, 2022 08:34
Show Gist options
  • Save nathanfranke/ef474a3a88ed75d7948628e616fd128e to your computer and use it in GitHub Desktop.
Save nathanfranke/ef474a3a88ed75d7948628e616fd128e to your computer and use it in GitHub Desktop.
Physical measuring examples in standalone data URLs

Usage:

Triple click a URL, copy (CTRL+C), new tab (CTRL+T), paste (CTRL+V), and submit (Enter).

Example URL
1×1in Grid data:text/html,<style>body { background-image: repeating-linear-gradient(black, transparent 1px 100%), repeating-linear-gradient(90deg, black, transparent 1px 100%); background-size: 1in 1in; }</style>
1×1cm Grid data:text/html,<style>body { background-image: repeating-linear-gradient(black, transparent 1px 100%), repeating-linear-gradient(90deg, black, transparent 1px 100%); background-size: 1cm 1cm; }</style>
Credit/Debit Card data:text/html,<div style="background: black; color: white; width: 85.6mm; height: 53.98mm;">Credit/Debit Card (85.6mm x 53.98mm)</div>
US Banknote data:text/html,<div style="background: black; color: white; width: 6.14in; height: 2.61in;">US Banknote (6.14in x 2.61in)</div>

Template URL:

data:text/html,<div style="background: black; color: white; width: WIDTH; height: HEIGHT;">TEXT</div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment