What is sheet music if not icons placed in particular vertical and horizontal positions? Stephen Band turned the system of sheet music into a CSS grid system where you control the placement of everything with classes and data-attributes that put notes and other music symbols exactly where they need to be. And because it’s SVG and em based, it’s entirely scalable. The whole thing is on GitHub and is usable via a <scribe-music> Web Component.
Printing music with CSS Grid
Chris Coyier
on
