Tangent, but I deeply appreciate the treatment of footnotes on this article, just floating alongside the text in the right gutter instead of at the bottom of the article. It seems so obvious (at least on desktop) but I haven't seen it before. It's so nice to be able to see whether it's something I want to read, or just a citation, without clicking and losing my place (yes, I know there's usually a link back to the article flow, but especially in the "sticky header" era we've been in for decades, that rarely works well).
On my tablet (always in landscape, not lacking space), with "desktop site" mode on, the sidenotes are turned into footnotes anyway. (The text is unnecessarily large: perhaps what happened was like mobile device? -> make text big -> no room for side notes now.)
Tangent, but I deeply appreciate the treatment of footnotes on this article, just floating alongside the text in the right gutter instead of at the bottom of the article. It seems so obvious (at least on desktop) but I haven't seen it before. It's so nice to be able to see whether it's something I want to read, or just a citation, without clicking and losing my place (yes, I know there's usually a link back to the article flow, but especially in the "sticky header" era we've been in for decades, that rarely works well).
Tufte CSS[1] provides a style for this, I like the good use of the "wasted" space in the margins of most browsers.
[1] https://edwardtufte.github.io/tufte-css/
Thanks! Also, if you squish the browser down to mobile-size, they turn into end notes. It took me a bit of experimentation to get it like this!
On my tablet (always in landscape, not lacking space), with "desktop site" mode on, the sidenotes are turned into footnotes anyway. (The text is unnecessarily large: perhaps what happened was like mobile device? -> make text big -> no room for side notes now.)
I was slightly disappointed of them still being labeled as "side notes" even if they were at the bottom
Heh. I guess one could have some fun with a ::before {content: "Side" or "Foot" } inside each breakpoint's media query.
Yeah, there is room for improvement there.
Quick visual on some mon:
https://mon.xavid.us/
https://en.wikipedia.org/wiki/Mon_(emblem)
Nice. I was craving more examples of this, as I'm not familiar with this tradition. "Cranes with Pine Branch" is my favorite on this list.