📜 ⬆️ ⬇️

Chords for stringed plucked instruments

Inspired by http://chordfind.com , as well as an example of r3code , I decided to bring my own version of tablature to mind.

The idea was to make a universal thing, with which one could schematically show the neck of a string instrument. What is not important. If only the strings in the provided schemes were enough for display.

Pros:
- since the “strings” of different width, you can clearly see where the top and where the bottom;
- presence of three string schemes: bass (from three to six strings), double strings (from eight (mandolin) to twelve (twelve-string guitar)), single strings (from three to eight);
- no graphics are used;
- only one css-file;
- minimum html-code;
- intuitive classes;
- With the help of the Active class, you can highlight the string.
')
Minuses:
- due to the use of the combined classes does not work in the sixth IE (in the seventh and above should look adequate);
- did not bother with finger numbers and display of the selected instrument;
- due to the lack of decorations, it looks a bit square.

All sources - on the examples page .

Source: https://habr.com/ru/post/93374/


All Articles