The “measure” is the width of a column of text.
(↑this is a measure)
Each line in this code’s HTML is set off with a <span> element, & HatchShow adjusts the font size automatically. Each line should end up (roughly) the same width.
For details on how to use HatchShow, check out the code.
It’s named after the classic print shop Hatch Show Print
This text will expand or contract, depending on how many characters are in the line. Every font size on this page was generated by an algorithm. HatchShow was made (with ♥) by Charlie Park, for Monotask (which you should check out if you’re as distractible as we are).
Hatchshow is super-easy to implement. Simply insert the javascript (over on the right) → into your HTML or JS file, and wrap each line of your text with <span class="hsjs">.That’s it. Oh. You need to already include jQuery,but if you want to help move Hatchshow off of jQuery as a dependency, I’d love your help with that.
You can view the source code for this page if you’d like to see Hatchshow in action.