https://marcin.cylke.com.pl/tags/typography/ Recent content in Typography on Tech ramblings by Marcin Hugo -- gohugo.io en-us Fri, 13 Mar 2026 00:00:00 +0000 https://marcin.cylke.com.pl/2026/03/13/sidenotes-demo/ Fri, 13 Mar 2026 00:00:00 +0000 https://marcin.cylke.com.pl/2026/03/13/sidenotes-demo/ <p>Typography on the web has always lagged behind print. One of the most useful tools available to print designers — the marginal note — has been largely absent from web writing. This post demonstrates a pure-CSS sidenote implementation<span class="sidenote"> <label class="sidenote-label" for="sn-no-js">no JavaScript required</label> <input class="sidenote-checkbox" type="checkbox" id="sn-no-js"> <span class="sidenote-content sidenote-right"> The entire toggle mechanism on mobile works via the HTML checkbox hack: a hidden <code>&lt;input type="checkbox"&gt;</code> paired with a <code>&lt;label&gt;</code>, toggled by the CSS <code>:checked</code> pseudo-selector. No JavaScript is loaded or executed. </span> </span> that works at any viewport size.</p>