Pull to refresh

Аккорды для струнных щипковых инструментов

CSS *
Вдохновленный сайтом http://chordfind.com, а также примером r3code, решил довести до ума собственную версию табулатур.

Идея была сделать универсальную такую штуковину, с помощью которой можно было бы схематически показать гриф струнного инструмента. Какого — не важно. Лишь бы струн в предусмотренных схемах хватило на отображение.

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

Минусы:
— из-за использования комбинированных классов не работает в шестом ИЕ (в седьмом и выше должно выглядеть адекватно);
— не стал заморачиватьсся номерами пальцев и отображением строя выбранного инструмента;
— из-за отсутствия украшательств выглядит несколько квадратно.

Все исходники — на странице примеров.
Tags:
Hubs:
Total votes 50: ↑41 and ↓9 +32
Views 1.9K
Comments Comments 81