Write specific, active copyWrite specific, active copy

Name What the Button Does

Submit each dialog empty, then with sk_1.

<h2>Add API Key</h2>
<p id="key-msg">This key has 4 characters; keys have 16 or more.</p>
<button type="submit">Save API Key</button>

Count in Numerals

Start a round in each pane; click the highest count.

const nf = new Intl.NumberFormat();
const count = (n, noun) => `${nf.format(n)} ${noun}${n === 1 ? "" : "s"}`;

count(11, "deployment");

.count { font-variant-numeric: tabular-nums; text-align: end; }

Check Your Own Copy

Type a label, or pick an example.

const MINOR = new Set(["a", "an", "the", "and", "but", "or", "nor", "for", "so", "yet",
  "as", "at", "by", "in", "of", "on", "to", "up", "via", "per", "from", "with"]);
const ACRONYMS = { api: "API", cli: "CLI", url: "URL", id: "ID", ssh: "SSH", dns: "DNS" };

function titleCase(text) {
  const words = text.trim().split(/\s+/);
  return words.map((w, i) => {
    const lower = w.toLowerCase();
    if (ACRONYMS[lower]) return ACRONYMS[lower];
    if (/[A-Z]/.test(w.slice(1))) return w;
    if (i > 0 && i < words.length - 1 && MINOR.has(lower)) return lower;
    return lower.replace(/^(\W*)(\w)/, (_, p, c) => p + c.toUpperCase());
  }).join(" ");
}

titleCase("save api key and redeploy");

Why it matters, pros and cons