4 ms·
That great. I wanted the same sort of formatting for my blog so I started with the Tufte CSS project but I think I like your implementation better. If I was to
by AndrewStephens 7y ago
That great. I wanted the same sort of formatting for my blog so I started with the Tufte CSS project but I think I like your implementation better. If I was to start again I would probably steal your ideas.
I love sidenotes in general but they tend to break down on vertically oriented mobile devices. It took me ages come up with a solution and even then I am not really happy with it.
- dyates 7y agoThe best solution I've seen for making sidenotes responsive is to move them into the body text. Examples: http://craftinginterpreters.com/a-map-of-the-territory.html http://craftinginterpreters.com/a-map-of-the-territory.html https://www.martigeon.com/textbook-themed-webdesign/ https://www.martigeon.com/textbook-themed-webdesign/ I'm not sure how well this would work for shorter notes though.
- AndrewStephens 7y agoThose are both very nicely designed sites. I ended up doing pretty much the same thing. It doesn't work so well for footnotes that are supposed to be linked to a particular work though. Here is an example from my site with both footnotes and sidenotes[0]. I style the sidenotes to be distinct from normal paragraphs, which can look great or weird depending on the content. [0] https://sheep.horse/2017/10/how_you_are_reading_this_page.html https://sheep.horse/2017/10/how_you_are_reading_this_page.ht...