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.
--- title: Sidenotes In Web Design description: "In typography/design, 'sidenotes' place footnotes/endnotes in the margins for easier reading. I discuss design choices, HTML implementations and their pros/cons." thumbnail: /doc/cs/css/sidenotes.png thumbnail-text: "Demonstration of sidenotes.js handling multiple large dense endnote annotations on an annotated novel which has many allusions and technical references." thumbnail-css: "outline invert-not" created: 2020-08-06 modified: 2025-04-06 status: finished confidence: certain importance: 2 css-extension: dropcaps-cheshire ... > **Sidenotes**
Explore this link on the map →related reading
- Tufte CSSedwardtufte.github.io
- LaTeX.css — Make your website look like a LaTeX documentlatex.vercel.app
- A Meta-Layer for Notes << julian.digitaljulian.digital
- Hyperlink maximalism | thesephist.comthesephist.com
- infinite jest and house of leaves: what is the footnote of the web? | maya.landmaya.land
- Say precisely what you mean.index.how
- How to take smart notes (Ahrens, 2017) — LessWronglesswrong.com
- Eric-Jorgenson_The-Almanack-of-Naval-Ravikant.inddnavalmanack.s3.amazonaws.com
- Progressive Summarization: A Practical Technique for Designing Discoverable Notes - Forte Labsfortelabs.com
- How to Take Smart Notes: One Simple Technique to Boost Writing, Learning and Thinking – for Students, Academics and Nonfiction Book Writers: Ahrens, Sönke: 9781542866507: Amazon.com: Booksamazon.com
- Table of Contents: The Ultimate Design Guide - NN/Gnngroup.com
- Design Of This Website · Gwern.netgwern.net