Sacha ChuaI like this use of side notes/footnotes at https://www.citationneeded.news/free-and-open-access-in-the-age-of-generative-ai/ . Footnotes use letters to distinguish them from numbered references, and are duplicated as side notes on large screens. I also like the “Show buttons that expand the side note” or “Include side notes after the paragraph on small screens” approaches on other sites. #webdesign #sidenotes
Ihor Radchenko (yantar92)@sacha Check out https://github.com/ox-tufte/ox-tufte Example: https://weary-travelers.gitlab.io/posts/paper-reviews/Vaswani_et_al_NeurIPS_2017/review.html
mrg@yantar92 @sacha I’ve been playing around with tufte-css both for Org mode and Hugo and I like it except for how it handles side- and margin notes on mobile.
I think the toggle icon is fiddly and I suspect a lot of readers don’t even realise there are notes to expand. The approach described here (duplicating footnotes as side notes on desktop and showing only footnotes on mobile) seems more reasonable to me.
@mrg @yantar92 I think I'm occasionally sidenote-curious but my writing really wants to do asides instead -- longer optional tangents. I've been tucking them into collapsible details/summary for now, as in this tangent on sheepdogs in https://sachachua.com/blog/2025/02/sketching-practice-beaver-goose-squirrel-sparrow-flower-sheepdog-and-sheep/ . There's an actual aside element, so maybe I can use that for extra semantic richness and then figure out the style I want to use for that... :)
Kai 🐈⬛@sacha This is also possible in quarto! https://quarto.org/docs/authoring/article-layout.html#margin-references
