Footnote Link

Friendly, more tappable style for links to footnotes from prose content.

1 2 10
<a class="FootnoteLink" href="#" id="fn-foo-1" title="Jump to footnote">1</a>
<a class="FootnoteLink" href="#" id="fn-foo-2" title="Jump to footnote">2</a>
<a class="FootnoteLink" href="#" id="fn-foo-10" title="Jump to footnote">10</a>

I’ve seen many complaints about the new responsive images specification. Most amount to either complaints about complexity that ignore the fact that images on the web are inherently complex1 or some variation of WWIC.

As a reminder, display density is a resolution switching use case. And when we’re solving for resolution switching, we want to use srcset.2

  1. How quickly we forget web-safe colors, Lynda Weinman’s multiple books on web graphics, and the way different images formats compress. And it’s not getting any simpler. Images on the web are inherently complex.
  2. Unless we’re providing different image formats which we will cover later.