undefined | Better HN

0 pointsgkya10y ago0 comments

Which is bad if them notes are not ornaments only. So there should be some fallback. I guess a good approach would be to collect the content from some p.marginnote elements which would be hidden if JS is present and left intact if not. So, like

  <a href='#' mnref='gcc'>GCC</a>
  ...
  <p class='marginnote' mnname='gcc'>The GNU Compiler Collection</p>

With JS, they'd become margin notes, whithout it, they'd render as plain footnotes.

0 comments

geocar10y ago

Why not just:

    <a href="#fn-gcc" class="has-footnote">GCC[1]</a>
    …
    <p id="fn-gcc" class="marginnote"><label>1. </label>The GNU Compiler Collection</p>

It's compatible with the W3C recommended idiom for footnotes[2], is accessible without JavaScript, and you can still use `.marginnote` to provide CSS styling.

[2]: https://www.w3.org/TR/html5/common-idioms.html#footnotes

gkyaOP10y ago

Well if this works it seems better, I'm mostly a user of hypertext so a bit ignorant, sorry.

onion2k10y ago

Sure, but as the README.md states "adds notes to the margin with the text provided in HTML attributes" it's presumably left up to the user how else they display the data if they want it to be visible for people who disable JS. This library is a progressive enhancement. It's very much the right way to do web dev in my opinion.

NoGravitas10y ago

It's almost the right way -- somewhat better would be to do what one of the above comments say, to add the notes as footnotes using POSH. Then the javascript can rewrite the footnotes into hide/show marginal notes with the same appearance and user interface as this library.

j / k navigate · click thread line to collapse