On another forum, I came across a web-development demo that uses CSS
Grid to display responsive-layout music notation.
<https://cruncher.ch/blog/printing-music-with-css-grid/>
"
*Printing music with CSS Grid*
Too often have I witnessed the improvising musician sweaty-handedly
attempting to pinch-zoom an A4 pdf on a tiny mobile screen at the climax
of a gig. We need fluid and responsive music rendering for the web!
[...]
*Limits of Flex and Grid*
Is it the perfect system? Honestly, I'm quietly gobsmacked that it works
so well, but if we are looking for caveats… 1. CSS cannot automatically
position a new clef/key signature at the beginning of each wrapped line,
or 2. tie a head to a new head on a new line. And 3., angled beams are a
whole story onto themselves; 1/16th and 1/32nd note beams are hard to
align because we cannot know precisely where their stems are until after
the Grid has laid them out: [image example]
So it's going to need a bit of tidy-up JavaScript to finish the job
completely, but CSS shoulders the bulk of the layout work here, and that
means far less layout work to do in JavaScript.
"
Somehow, it reminds me of LilyPond and related efforts such as the
Spontini editor. I am passing it on in case it has any possibilities for
such projects, without implying that it does.
--
Karlin High
Missouri, USA
