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

SRE

Отправить сообщение
Исправлено, апдейт в посте. Пример смотрите в хроме.
Обновил для Хрома смотри апдейт в посте
Поддержка 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. И хочу заметить — это не табулатура, а аппликатура.
Таббулатура это несколько дуругое изображение и немного для других целей.
Подробно тут и здесь
Хорошо, я поставлю себе хром и поковыряю его, чтобы и в нем все было нормально.
Для протокола, можешь мне скриншот выложить, как в твоем хроме оно выглядит?
Спасибо за добрый ответ )
Я флеш недолюбливаю, из за того что на нем делают эти гадкие рекламы всплывающие поверх страницы.
Насчет фремворка — это как, а главное для чего он нужен будет? Фреймворки же нужны чтобы их использовать как скелет для реализации своей задачи. Какие тут задачи будут для него?
А оно надо?
Буду делать по мере возможности. Идея есть — сделаем.
С ним все сложнее гораздо, т.к. для нот много всяческих нюансов — значков вспомогательных слишком много. С нотами как раз SVG скорее поможет.
Не все юзеры такие продвинутые художники, а то что получится в пайнте будет страшно.
Объемы кода и картинки для одного аккорда сделаю кстати.
Обычно Ключи делают к замку сразу, мастер знает как устроен замок и ключ делает именно так чтобы он подходил к замку, и потому интерфейс замка известен.
А когда своим ключом пытаешься открыть неизвестный замок — это уже попытка взлома или попытка создать универсальный ключ)
you.are.bored.and.lonely@callme.com — секс по телефону ))

Информация

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

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

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