Why footnotes should be side notes on websites

First published:

Last Edited:

Number of edits:

I use footnotes on this website because I made it grow from the flow I had while taking notes and writing books. However, a footnote on a book normally appears at the end of a page and allows the reader to access it with a very low effort. On a website, the footnote appears at the end of the page which may be out of sight for a reader.

Sidenotes/margin notes are a typographic convention which improves on footnotes & endnotes by instead putting the notes in the page margin to let the reader instantly read them without needing to refer back and forth to the end of the document (endnotes) or successive pages (footnotes spilling over).

Tooltips do not solve the issue because they only work with a pointer. Touch devices won't display the footnotes. Moreover, they are hidden from sight, it requires the reader to take an active action to display the footnote instead of just being able to see it.

TufteCSS provides a lengthy discussion on some typographic tips for web design, including how to implement side-notes.

Filed under: things I want to do


These are the other notes that link to this one.

Nothing links here, how did you reach this page then?


Share your thoughts on this note
Aquiles Carattino
Aquiles Carattino
This note you are reading is part of my digital garden. Follow the links to learn more, and remember that these notes evolve over time. After all, this website is not a blog.
© 2021 Aquiles Carattino
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
Privacy Policy