Lumen, Five for Friday

A five-link reading roundup behind an ultramarine masthead field, with a numbered index and hairlines between items. Send it weekly when the value is what you read, not what you made.

Open in editor

680px

About this email

Subject line: Five for Friday, No. 208
Preview text: A building that cools itself, a very old corner radius, and the maths of a late train.
Width: 600px, stacks on phones
Export size: 32,979 bytes (32.2 KB)
Free: Yes, with no account and no export limit.

What the HTML does

Table layout with ghost tables for Outlook. Columns are tables inside Outlook-only conditional comments, so Word's engine gets the widths it needs and everyone else gets the responsive version.
Dark-mode meta. color-scheme and supported-color-schemes tell Apple Mail and Outlook how the email expects to be treated in dark mode.
Preheader. The preview text is in the HTML, hidden from the body, so the inbox shows what you wrote instead of the first line of the footer.
Mobile stacking. Columns stack under 600px with a media query, and stay side by side where media queries are ignored.
Inline styles. Every style that matters is on the element, because Gmail strips most of the head and some clients drop it entirely.
Exact line heights in Outlook. mso-line-height-rule: exactly keeps spacers and text from drifting in Outlook for Windows.
Outlook DPI fix. The OfficeDocumentSettings block stops Outlook from scaling images on high-DPI Windows displays.
Presentation tables. Layout tables carry role="presentation" so screen readers read the content, not the grid.

Open this template and export the HTML

More newsletter emails

All newsletter templates

Cadence, The long afternoonNewsletter

Open in editor

Fieldwork, MaintenanceNewsletter

Open in editor

Gran Fondo, The last hourNewsletter

Open in editor

Kiln, A letter from the studioNewsletter

Open in editor