GeistHaus
log in · sign up

Sidenotes In Web Design

gwern.net

In typography/design, ‘sidenotes’ place footnotes/endnotes in the margins for easier reading. I discuss design choices, HTML implementations and their pros/cons.

17 pages link to this URL
Ideas

I've got ideas, some of them are here.

1 inbound link article en list Ideasshellsharks
I live!

I fell into a hellish new semester

0 inbound links article en blog bloghealthBlogHealth
More notes on notes (sidenotes, endnotes, footnotes, etc)

So, yesterday’s article on sidenotes in Hugo led me down yet another rabbithole, and I’m still not quite sure where it leads. I want to add notes to my blogLike this. and have them usually displayed in the right margin alongside the text. I’d like them to be usable on mobile devices, which don’t really have a right margin. I’d like them to be easy to write, without a lot of extra work or friction. And I’d like them to be supportable long-term, not needing a pile of bad hacks or a complicated processing pipeline to get them to render.

2 inbound links article en posts sidenotesblogtypography CC BY-NC-SA 4.0