Gwern — Design↗

To quickly visualize this dump, here’s 100 random lines from 1,000 random files: find .

Systems stress-test page for Gwern.net functionality, a sandbox for exercising Markdown/HTML/CSS/JS features at scale to check that they render correctly in mobile/desktop.

A gallery of typographic and graphics design examples of rubrication, a classic pattern of using red versus black for emphasis.

For private Twitter accounts, follow requests must be approved manually by the private account.

Presenting a tag’s contents in a logical order— sorting by semantic similarity , which looks like a “sort by magic”: But we can go further.

Fonts are a rare highlight in software design—stable, with well-defined uses, highly-compatible software stacks, and long-lived.

Analytics traffic records 485,524 page-views by 251,483 unique visitors over the 182 days, or 2,667 page-views per day for an increase of +365 page-views a day compared to the previous 6 months.

Description of a useful service for web development: a website which wraps a neural network trained to classify images by whether they would look better inverted in a website/app dark-mode, or faded.

One idea for more precise English writing which I think could be usefully revived is broader use of subscripts .

To extend Gwern.net link-icons to include site-specific color when interacting with them, I collected 225 RGB hex colors from websites or their logos.

Sidenotes and margin notes (sometimes also called “asides”) are an alternative to footnotes/endnotes in design.

Often the most interesting part of any design are the parts that are invisible—what was tried but did not work.

After setting up the full suite of poem formatting, the biggest problem turned out to be finding the poems to markup. Gwern.

This page is the Manual of Style for Gwern.net, defining house conventions for prose, typography, and citations in a terse “classic style”.