Your daily frequent11y newsletter, brought to you by @ChrisBAshton:
Semantic sidenotes for the web
- Article (or video) by UI designer Koos Looijesteijn, describing ‘sidenotes’ that have been in print media for centuries, and the difficulty in representing them in HTML. His solution is a
<span>
containing a<label>
that can be clicked to expand a corresponding<small>
on mobile, or that highlights the text at the side on desktop. At publish time it required JS but now appears to have been refactored to be CSS-only, using clever checkbox logic. By the author’s admission, it’s ugly, and we should campaign for a native solution instead.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.