Here’s a little example that Jeremy Keith used to use in his talks. It’s stuck with me as one of the coolest examples of progressive enhancement and Technology Being CoolTM around.
There is this musical notation format called abc. They don’t capitalize it. Kinda like npm, which I guess makes sense as it isn’t an acronym. But it is the name of something so it’s super awkward. Ughakdhk. Anyway.
The format itself is really cool. It’s super simple and text-based. Here’s the example from their homepage:
X:1 T:Speed the Plough M:4/4 C:Trad. K:G |:GABc dedB|dedB dedB|c2ec B2dB|c2A2 A2BA| GABc dedB|dedB dedB|c2ec B2dB|A2F2 G4:| |:g2gf gdBd|g2f2 e2d2|c2ec B2dB|c2A2 A2df| g2gf g2Bd|g2f2 e2d2|c2ec B2dB|A2F2 G4:|
A little like YAML, I suppose. That’s the music for that whole song. It’s not loaded with all the possibilities of sheet music; it’s just notes and timing. Enough to communicate a folk/traditional song, which is primarily what it’s used for.
You could probably get used to reading it as-is, but I don’t think that’s what it’s really for. My guess is that the format is more about being:
- Standardized (it is, and there are 570,000 tunes in it, so I guess that worked)
- Text (I bet that entire database of songs is surprisingly tiny)
- Ready to be converted into whatever
The conversion part being the fun part! You can see it happening right on the homepage for the abc format.
PNG is fine, but wouldn’t that be so much nicer as SVG? Of course it would.
All of this is relevant to Jeremy because he has a website called The Session, which is dedicated to Irish music. He stores tunes on the site, and thus appropriately uses the abc format. On The Session, you can click a Sheet Music button and it will convert abc into SVG and display that.
That’s all. Just cool.
This is another reason why structure and semantics matter – done right, they enable. Done poorly, they can disable. As an aside, I found it fun that just by glancing at the abc markup and knowing the context was musical notation, I could actually understand what was being displayed – thanks mom for the music lessons!