Draft specifications for notes

Hi all,

This past weeks, Julien Taquet and I put some ideas on paper about how 
we could improve notes in continuous and paged medias.

We drafted some specifications to design differents kind of notes 
(footnotes, sidenotes, marginal notes, columns footnotes and multiple 
notes areas that came to our minds).

We created a pretty extensive issue in the github repo of CSS Print 
Community Group: https://github.com/w3c/css-print/issues/3

And we also put down a post on the paged.js web site to explain our 
approach in a little bit less technical way: 
https://www.pagedjs.org/posts/2020-05-13-notes-about-notes/

The proposal is based on:

  *

    The |note()|value, that you can use in the content property to
    declare elements as notes;

  *

    An extention of the |element()|value to place the element removed
    from the flow (/ie/the note) in a specific place of the same document,

  *

    The |@note-area|at-rule that can be used to display notes in a page;

  *

    The |::note-area|pseudo-element to create end-notes for any block
    elements.

We would be happy to discuss and improve this draft with you before we 
start experimenting with Paged.js to have an example of implementation.

Thanks a lot for reading!

Julie Blanc

-- 
*Julie Blanc*
+33 (0)6 31 51 36 55
julie-blanc.fr <http://julie-blanc.fr/>
@julieblancfr <https://twitter.com/julieblancfr>

⟡ PhD student at ArTeC, University of Paris 8 and EnsadLab-PSL
⟡ Working on Paged.js
⟡ Member of PrePostPrint
⟡ Association Design en Recherche