The post discusses the use of CSS Grid to create fluid and responsive music rendering on the web. It introduces the Scribe prototype and explains how it maps pitches to stave rows using CSS. The post also covers the placement of symbols at beats, the use of separate classes for vertical and horizontal spacing, and the limitations of the CSS system. Additionally, it mentions the availability of the `<scribe-music>` custom element for rendering music notation.
Table of contents
The Scribe prototypeThe class .staveThe class .bar and its beatsFluid and responsive notationThe space between the notesLet me know what you think1 Comment
Sort: