Simon Willison’s Weblog

Subscribe

Items tagged music in May

Filters: Month: May × music × Sorted by date


Printing music with CSS Grid (via) Stephen Bond demonstrates some ingenious tricks for creating surprisingly usable sheet music notation using clever application of CSS grids.

It uses rules like .stave > [data-duration="0.75"] { grid-column-end: span 18; } to turn data- attributes for musical properties into positions on the rendered stave. # 2nd May 2024, 2:28 pm

Music: The Geeking. More on Simon Tatham’s Gonville music font. He concluded that “Bézier curves are not a good tool for font design”, and instead switched to using curves based on involutes of circles with his own custom curve design tool. # 12th May 2010, 12:43 pm

Music Notation with HTML5 Canvas. A pretty decent effort at rendering musical notation using JavaScript and the canvas element. # 12th May 2010, 8:53 am

Gonville: a font of musical symbols, compatible with GNU Lilypond. By Simon Tatham. I thoroughly recommend taking a look at the source code—it’s written in Python, contains detailed comments and defines every musical symbol using co-ordinates and trigonometry. # 12th May 2010, 8:51 am