VoidVolker

Элементарно - по событию "клик":

1. Показываем фрейм с информацией
   
2. Вычисляем координаты левого нижнего угла фрейма
   
3. В координатах клика рисуем отметку
   
4. Рисуем отрезок по двум точкам - клика и левого нижнего угла
   

https://nwjs.io/

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

Да, вполне можно. Ничего не мешает создать этот каталог при установке приложения. Но, так не делается: правильнее дать пользователю возможность выбора файлов для добавления в текущий плейлист через стандартное меню "файл -> открыть", простым перетаскиванием в окно приложения или на его иконку, а так же через командную строку, в т.ч. для воспроизведения файла.

Про хтмлбук уже сказали, добавлю еще JavaScript Garden.

htmlbook.ru/html/table

Открыть таблицу символов и скопировать оттуда. Ну или просто с гугла или той же фигмы, если дизайнер использовал именно символ, конечно, а не картинку (а то ведь могут же, некоторые).

Из-за разной ширины первого и остальных элементов - первый элемент более узкий и как результат элемент 4444 не выровнен четко по центру и после анимации он выравнивается по центру. Исправить можно задав всем элементам одинаковую ширину.

pdf.js

Легко делается в любом векторном редакторе (например inkscape), в том числе вместе с текстом: активным элементам даются осмысленные названия, классы и идентификаторы. Далее SVG встраивается целиком в HTML код (сразу или через AJAX) — чтобы использовать классы и скрипты, в скрипте активным элементам назначаем показ всплывающих подсказок на событие hover.

1. Подключаем moment.js
   
2. Получаем число дней и недель в текущем году
   
3. Генерируем 12 массивов по пять недель с числами по дням
   
4. Записываем массив чисел текущего года в ячейки таблицы
   
5. Месяцы переключаем заменой чисел в таблице по номеру месяца в массиве
   

Проще всего взять и открыть исходный код сайта и посмотреть как там сделано — картинка фоном и сверху элементы с числами. Всего-то два клика.

Как можно проще.

jsbin.com/vucevuzajo/1/edit?html,js,output

<select id="hours"></select>:<select id="minutes"></select>

var h = '' , m = '', i;
i=-1;
while(i++<23){
  h += '<option>' + i + '</option>'
}

$('#hours').append( h );

i=-1;
while(i++<59){
  m += '<option>' + i + '</option>'
}

$('#minutes').append( m );