Вдохновленный сайтом http://chordfind.com, а также примером r3code, решил довести до ума собственную версию табулатур.
Идея была сделать универсальную такую штуковину, с помощью которой можно было бы схематически показать гриф струнного инструмента. Какого — не важно. Лишь бы струн в предусмотренных схемах хватило на отображение.
Плюсы:
— поскольку «струны» разной ширины, можно наглядно увидеть, где верх, а где низ;
— наличие трех струнных схем: бас (от трех до шести струн), двойные струны (от восьми (мандолина) до двенадцати (двенадцатиструнная гитара)), одинарные струны (от трех до восьми);
— не используется графика;
— только один css-файл;
— минимум html-кода;
— интуитивно понятные классы;
— с помощью класса Active можно подсвечивать струну.
Минусы:
— из-за использования комбинированных классов не работает в шестом ИЕ (в седьмом и выше должно выглядеть адекватно);
— не стал заморачиватьсся номерами пальцев и отображением строя выбранного инструмента;
— из-за отсутствия украшательств выглядит несколько квадратно.
Все исходники — на странице примеров.
Идея была сделать универсальную такую штуковину, с помощью которой можно было бы схематически показать гриф струнного инструмента. Какого — не важно. Лишь бы струн в предусмотренных схемах хватило на отображение.
Плюсы:
— поскольку «струны» разной ширины, можно наглядно увидеть, где верх, а где низ;
— наличие трех струнных схем: бас (от трех до шести струн), двойные струны (от восьми (мандолина) до двенадцати (двенадцатиструнная гитара)), одинарные струны (от трех до восьми);
— не используется графика;
— только один css-файл;
— минимум html-кода;
— интуитивно понятные классы;
— с помощью класса Active можно подсвечивать струну.
Минусы:
— из-за использования комбинированных классов не работает в шестом ИЕ (в седьмом и выше должно выглядеть адекватно);
— не стал заморачиватьсся номерами пальцев и отображением строя выбранного инструмента;
— из-за отсутствия украшательств выглядит несколько квадратно.
Все исходники — на странице примеров.