Как исправить баг с неправильным размером логотипа в меню сайта?

В смысле - подергивание? Если скроллировать медленно - то сначала логотип уползает, потом выплывает уже fixed - это и есть подергивание ? Делай его фиксированным не на 100, на поменьше, на 20 - отступ хидера в стартовом положении.

Как расположить на картинке кнопки пропорционально картинке которая имеет разный размер на разных устройствах?

DZHAMBUALT,

.button1 {
  position: absolute;
  top:calc(100% * (200 + 10)/300);
  left:calc(100% * (240 + 12)/450);
  transform: translate(-50%, -50%);
}

Учитываем, что 10 и 12 - это половинные высота и ширина. Тогда кнопка останется приклеенной "по настоящему".

Как расположить на картинке кнопки пропорционально картинке которая имеет разный размер на разных устройствах?

Кнопки абсолютно позиционированы? Попробуй писать в стилях кнопки вот такое/
Считаем, что (240, 200) - координаты кнопки 1, 300 и 450 -высота и ширина картинки, для которой кнопки расположены правильно.

... {
  position: absolute;
  top:calc(100% * 200/300);
  left:calc(100% *240/450);
},

https://codepen.io/ksnk/pen/vYoWwgQ
Если подвигать размером результата - будет видно, что кнопка пытается остаться "на месте".
Правда видно также, что в калькуляции неплохо бы учитывать размер самой кнопки

Как реализовать сужение\растяжение отрезка с двумя точками в JS CANVAS?

В смысле - нужно увеличивать длину отрезка, не меняя угол наклона ?
Вектор задается парой значений. Разница координат X и разница координат Y отрезка. Соответственно, увеличивать-уменьшать - это изменять обе координаты одновременно, пропорционально вектору.
Собственно и вся наука. Тригонометрия не нужна, в смысле - для решения нужна, наверное, но результат достижим умножением-делением...

Почему не удаляется класс при скролле?

Попробуй сразу после присвоения stiky вывести значения в консоль window.pageYOffset и sticky Все будет видно.

Как создать элементы пагинации с многоточием?

https://codepen.io/ksnk/pen/MWNjMQV?editors=1111

Как создать элементы пагинации с многоточием?

https://codepen.io/ksnk/pen/MWNjMQV?editors=1111
Так ?

Как создать элементы пагинации с многоточием?

Смотри что в твоих стилях, потому что в стилях по ссылке на кодпен - все вот так

Как создать элементы пагинации с многоточием?

многоточие тут - это такая же кнопка как и обычная, с числом. Свипер переходит на тот слайд, по какой по порядку кнопке произошел клик. По этому я некоторые кнопки скрываю стилем, чтобы они оставались в верстке и не мешали свиперу считать, что мир устроен хорошо. Так получается, что многоточие - это следующая или предыдущая по порядку кнопка. Почему она не работает в VS Code - не знаю.

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

Как создать элементы пагинации с многоточием?

Это логика такая. Чуть выше по комментам :)

Я хочу добиться так:

Я еще уточнял - действительно ли это то, что нужно...

Как создать элементы пагинации с многоточием?

Ссылка на fex.net у меня не открывается.
Сейчас, если уменьшить размер экрана до появления 2 столбцов вместо 3-х, должен появится номер 17 вместо 16. Я там неправильно вычислял total - общее количество элементов, сейчас должно быть нормально.

Как создать элементы пагинации с многоточием?

Какой смысл делать активный слайд не по центру а сбоку ?
https://codepen.io/ksnk/pen/MWNjMQV?editors=1111

Как создать элементы пагинации с многоточием?

https://codepen.io/ksnk/pen/MWNjMQV?editors=1111
Я там много поменял, сравнивай сам. Лишнее повыкидывал. Возможно, нужно скрывать не показываемые кнопки как-то более прилично, чем display:none!important, но так сработало.

Нужно ли самому контролировать, выполнилась ли задача в очереди?

Редиска - это же настоящая база данных, ну почти, это не мемкеш какой-нибудь. Что значит - упадет? Вместе с сервером?

Как сделать отступ от текста JS+HTML?

В смысле - ужасно ? Вроде все согласно ТЗ - ровно, ну разве что добавил вывод первых 12 и последних 12, для скорости...

Как избежать скачков header с использование scroll и transform?

transition: transform 0.16s linear, opacity 0.16s linear;

Вот это правило ты зачем вообще используешь? Именно оно и говорит - "скачи".

Как сделать position sticky для дочернего элемента?

Без JS никак.
На window.onscroll вешаешь изменение класса заголовка, заголовок в этом классе выкидывает ненужные элементы (делает скрытыми) и получает position: fixed; top: 0.
Если значение window.scrollTop достаточно небольшое (размер заголовка в "нормальном положении"), то класс заголовка снимаем - заголовок становится нормальным.

Как получить координаты точки, зная координаты других 3-х, и расстояние между ними?

Ну, тупо же. Задача решается почти на коленке, без функции расстояния.
Мат. рассуждения:
Берем 2 точки, рисуем вокруг них сферу с указанным расстоянием между этими точками и нужной нам. Пересекаются сферы в окружности. Ее формула выводится на бумажке. - тоже формула.
Проектируем перепендикулярно плоскости третью точку в плоскость , в которой располагается окружность, пересчитываем расстояние и получаем плоскую картинку про пересечение 2-х окружностей. Не более 2х ответов.

В какое место нужно будет применять функцию вычисления расстояния - я не вижу.

Как создать маску над основным изображением?

clip-path?

Как реализовать подписание оферты на сайте простой электронной подписью?

Сейчас при оформлении заказа клиенты прикрепляют скрин паспорта.
Но юрист ... посоветовал сделать подпись простой электронной подписью.

Речь, разве не об этом идет ?