Live data from Hacker News

Printing Music with CSS Grid

cruncher.ch

81–89 of 89 posts

Re: Printing Music with CSS Grid

#83

The visual quality is really good. I'm not entirely convinced of making this responsive, in the particular area of Jazz leadsheets. I've found myself preferring line breaks at regular intervals (mostly every 4 bars, with exceptions for pickups and alternate endings), rather than trying to cram as many bars as possible onto each line.

Hear hear. Most pop/jazz/rock music is generally built off powers of 2 at multiple levels.

Re: Printing Music with CSS Grid

#84
post #76
post #71

Earlier quoted context omitted.

"you can just have some UI that keeps re-rendering Lilypond source to your screen size and zoom level every time you zoom." And have you done that or seen it responsive?

If you want it to be responsive just do the Apple trick of instantly presenting a highly blurred image until the render is complete. The blurred image doesn't even have to be of the real thing, but it makes users feel warm and fuzzy.

I take that as a no.

Re: Printing Music with CSS Grid

#85
Nice! I run a website with music theory exercises where the notation is pretty simple. I’d love to switch to something like this, because the vexflow (what I use now) API is a little much of a re-learning curve for my twice-a-year-let’s-add-a-new-exercise cadence

Re: Printing Music with CSS Grid

#86
post #40

Impressive hack — kudos from a fellow sheet music software developer! I've spent more than 10 years now building Soundslice, which does web-based sheet music rendering. I believe we were the first to do "responsive" web notation (that part of the site launched in 2014). Here's a tech talk I gave with a lot of details: https://www.youtube.com/watch?v=XH5EtQge_Bg Here's an example of responsive Soundslice notation: htt…

sound slice is super cool!

Re: Printing Music with CSS Grid

#87

Just going to remind people of https://www.musicxml.com and https://opensheetmusicdisplay.org for a more complete solution at a much larger cost.

Not web, but https://musescore.org is free software that reads and writes musicxml.

I perfer flat.io

Re: Printing Music with CSS Grid

#88

This is extraordinary. While JavaScript is needed now, I’d encourage the author to see what needs to be added to CSS to allow a CSS-only solution, and promote it in the CSS community. For example, repeating the clef when wrapping is akin to a sticky table header, and would have more applications than only music. Some CSS notation is wholly new to me: > .stave > [data-pitch^="A"][data-pitch$="5"] { grid-row-start: A5;…

> CSS selectors with square brackets

They are also extremely useful when it comes to adblocking. Without their partial matching capabilities it'd have been almost impossible to target ad-containing elements in most of these days' js and framework-ladden websites.

Re: Printing Music with CSS Grid

#89
post #40

Impressive hack — kudos from a fellow sheet music software developer! I've spent more than 10 years now building Soundslice, which does web-based sheet music rendering. I believe we were the first to do "responsive" web notation (that part of the site launched in 2014). Here's a tech talk I gave with a lot of details: https://www.youtube.com/watch?v=XH5EtQge_Bg Here's an example of responsive Soundslice notation: htt…

Thanks for promoting your software here. This is one of the reasons I come to hacker news comments - finding great projects related to the thing you were just looking at.

I am currently learning some music on the violin, and this looks like something that will help me out.

Post reply on HN