Обновить
82
0
Дмитрий Синявский@r3code

SRE

Отправить сообщение
Номер лада для зажатия баррэ, тоже к твоему варианту прикручу.
Дело было в
.chord span {
position: absolute;

при смене на
.chord span {
position: relative;

Цифры вернулись на правильное место
Дело было в
Чето у меня в IE7 он странно ведет — номера пальцев под метками показывает. У тебя также?
Из интереса сразу попробовал с твоего варианта и тоже самое сделал )

Да ладно чем тут чересчур-то? По моему классно вышло.

P.S. Вот те спать то не хотелось в полчетвертого утра в воскресенье, будто с утра не на работу)
Хорошая оптимизация получилась, не возражаешь я его в топик ссылку сделаю, как еще одна ветка?
Ну и немного под себя переделаю.
Попробую завтра переделать одним списком, как у тебя.
Я то блоками мыслил изначально — до такой оптимизации сразу не допер )
Отлично, приветствую всяческие доводки и усовершенствования!
Еще один шаг к идеалу )
Исправлено, апдейт в посте. Пример смотрите в хроме.
Обновил для Хрома смотри апдейт в посте
Поддержка Google Chrome
Да теперь понятно, запишем по итогу
<hm tab="23442X" fingers="12431">


Только пальцев все таки 5
fingers=«12431X»

А не 6 )

Больше всего убивает когда «работаешь на дядю» не веб-программистом (обычным), а как хобби фрилансишь, помагая знакомым друзьям и прочим друзьям друзей друзей делать сайты — это реально раздирает на части. А если еще и SEO сюда подмешивать, как я когда-то делал, то лучше глову не поднимать и работать, работать не останавливаясь.
С вероятностью глюков вы перегибаете — это все решаемо.

О табулатурах: Москва не сразу строилась — и я все сразу не могу сделать, это только начало. html+css для табулатур — это будущие задачи.

Аккорд — начальная точка, это наименне сожная запись и их я знаю сам. Остальные записи изобилуют спец символами и требуют более глубокого изучения мной.
Посмотрите, во что превращаются аккорды без стилей.

А кто сказал, что кто-то будет смотреть на них без стилей?! Это и не предполагается, я не ставил задачи сделать отображение аккордов для браузеров типа lynx. Это все для современного пользователя с нормальным браузером.
Wap — версия? Нет — такой задачи тоже не было.

… код — его как-то нереально много для такой задачи.

Уж тут простите, мерки у каждого свои, да и код тут не на один аккорд указан, если смотреть внимательно.

… тут как раз тот случай, когда нужно использовать таблицу

Конечно у каждой задачи может быть и не одно решение.
Я думаю у таблиц будут проблемы, но утверждать не берусь, попробую.

… показать все это на пустой странице гораздо проще, чем сделать код полностью автономным и отображаемым на любом сайте без конфликтов с его собственной разметкой и стилями. Сложность решения может запросто отпугнуть пользователей.

А где вы видели, что если кто-то берет чью-то разработку, то он бездумно вставляет ее в свой код и ничего не делает?
Конечно могут возникнуть конфликты имен, но об этом пользователя предупреждают. Если пользователь заинтересован встроить к себе это решение, я думаю, он постарается свой CSS на сайте подпилить, чтобы все было нормально.

Все будет как на ладони даже при просмотре чистого html, а уж со стилями тем более. И для стилизации скорее всего понадобится не так много правил, как для списков и дивов.

Мы не в каменном веке, чтобы смотреть в современном браузере Html без стилей — их для того и придумали, чтобы удобно было. Чистый html интересен только кодеру — пользователь не код оценивает, а оформление и содержание.
Смотри получается ты написал только каким пальцем зажимать tab=«12331X», но аккорд то он на несколько ладов, поэтому придется другое придумать.
Аккорд — это лад/номера зажимаемых струн, еще лад/номера зажимаемых струн, еще лад/номера зажимаемых струн. Примерно так.
Думаю нужно что-то вроде:
<accrord name="Hm">
  <lad nomer-lada="2" barre="da" dlina-barre="5">
    <struna id="1" finger="1" />
    <struna id="5" finger="1" />
  </lad>
  <lad nomer-lada="3">
    <struna id="2" finger="2" /> 
  </lad>
  <lad nomer-lada="4">
    <struna id="3" finger="3" />
    <struna id="4" finger="4" />    
  </lad>
</accord>
Спасибо за конкретный пример. Я даже не знал, что это может быть так интересно для людей — думал себе сделаю заметку, чтобы всегда было под рукой )

Чувствую надо уже начать описывать сервис ))

Буду развивать направление, буду нотную грамоту вспоминать сильнее.
Раз просите — буду, буду, всенепременно работать над проблемой отображения в хроме. Качается уже…
Отлично. Но пока я сделал только аккорды — это к сожалению не совсем ноты. Это скорее как азбука.

А запись нот — это более сложная тема, я пока даже не думал о ней.

Сервис генерации нот… по моему по одной ноте как то не удобно будет рисовать, хотя даже если сделать возможность рисовать по несколько, мне кажется это будет утомительным.
Честно говоря, не знаю как сейчас в современном мире рисуют ноты, у меня все было или вручную переписано, или скопировано.

Требуется дополнительная инфа, чтобы такую задачу решать.
В идеологии будущего сервиса думаю вполне осуществимая задача.
Только нужна расшифровка, что имел ввиду.
Hm — аккорд, tab=«12331X» — как зажимать? Тогда нужно кодировку баррэ придумать еще.

P.S. И хочу заметить — это не табулатура, а аппликатура.
Таббулатура это несколько дуругое изображение и немного для других целей.
Подробно тут и здесь

Информация

В рейтинге
Не участвует
Откуда
Россия
Дата рождения
Зарегистрирован
Активность

Специализация

Бэкенд разработчик, Site Reliability Engineer
Старший
SRE
Мониторинг
GitLab
Golang
Высоконагруженные системы
Проектирование архитектуры приложений