Как через gulp заменить содержимое og:description?

Oleg, тогда проще открыть файлы и с помощью регулярных выражений сделать замену в 3 хода.
Убрать текущие og:
Продублировать title и description
Заменить первые из них на og:

Не знаю, что делает html replacer, но подозреваю, что тоже самое.

Почему этот непонятный марджин заголовка не даёт выравняться другим элементам по центру?

в чём может быть проблема?

во флоатах

Изучайте флексы и гриды

Как адаптировать сайт для устройств, использующих увеличение текста?

Настройка в виндоуз лишь изменяет вьюпорт. Всё. Максимум может отобразится планшетная версия вместо десктопной.

Вертикальный скролл говорит о том, что контента больше чем на экран. Если не разворачивать браузер на весь экран, а сжать его, скажем, в половину по высоте, будет ровно тоже самое. Это нормально.

Вы точно говорите про масштаб самой винды и про вертикальный скролл, а не про горизонтальный и масштаб в браузере?

Как сделать таблицу мелкой по ширине экрана на мобильных?

- либо будет мелкий шрифт
- либо часть столбцов нужно скрывать
- либо будет скролл
- либо изменение в представлении данных, например, слова заменять на иконки

Как подключить js файлы?

Проверяйте на наличие селектора

var btn = document.querySelector(".btn");
if (btn !== null) {
    что-то там делай
}

Как через gulp заменить содержимое og:description?

Как-то все написано, что мало что понятно.

title и description страницы берутся из БД? Аналогично вставляйте эти данные в og:

Отображение нумерации слайдов Owl Carousel?

counter-increment

Почему не переходит с 1 страницы на 2 до якоря?

По id работает с любыми тегами

Как картинку вставить в такой div?

Тег для оборачивания картинки: figure
Тег для подписи: figcaption. Это если именно подпись к картинке, а не наоборот, картинка просто украшение текста. Если второе, то span или div.

Всем figure одинаковый размер.
Картинкам либо width 100% либо родителю флекс и картинку по центру.
Подпись абсолютом.

Как передать много значений checkbox PhpMailer?

У чекбоксов должны быть разные name

Почему не кликается чекбокс?

NaN,
Ладно, по пунктам, последовательно:

1. ваш совет построен ровно на том же принципе, на соседних селекторах. Для стилизации инпутов именно соседних, а не родственных. Если нужно, объясню почему.
2.

Одно дело display:none, другое visibility: hidden

Да, это разные вещи. И visibility: hidden в этой истории вообще не при делах, поскольку опять не помогут доступности.
Я же говорила про CSS паттерн visually-hidden.
Видео из выбранного ответа не смотрела, но надеюсь ТС будет использовать именно его, а не display:none и не visibility: hidden.

Почему не кликается чекбокс?

NaN, поменять на паттерн visually-hidden и все будет ок.

В любом случае, про "не поможет" лучше убрать, чтобы никого не дезинформировать.

Как добавить нарастающую прозрачность(насыщенность цвета) средствами css?

zeni1agent,

Мне нужно добиться точно то кого же эффекта
только короткой командой на js

Тогда осталось разобраться только с функцией для цвета.
Варианты я писала выше.

Как добавить нарастающую прозрачность(насыщенность цвета) средствами css?

zeni1agent, Если я правильно поняла, то при повторном клике на кликнутый первый раз label, насыщенность должна уменьшиться. А если на другой, то увеличиться.
Так?

Тогда false и true недостаточно. Нужно сохранять номер кликнутого в предыдущий раз. И сравнивать с номером кликнутого сейчас. Номер можно получать, например, из дата-атрибута, чтобы не заморачиваться с массивами.

Еще, если вы это делаете на js, то перепишите просто на div или ul li. Тогда не нужен огород с инпуто-лейблами.

Как добавить нарастающую прозрачность(насыщенность цвета) средствами css?

zeni1agent, Теперь опишите задачу нормально.
Что должно случиться при повторном клике на этот же лейбл и или при клике на другой?
Или что это за композиция из tmp?

Аналог input[type="radio"]:checked ~ label на js или jquery?

zeni1agent, я вам вчера еще написала как сократить js с помощью this, prev и each, в соседней копии вашего вопроса.

Как добавить нарастающую прозрачность(насыщенность цвета) средствами css?

zeni1agent, я плохо понимаю, что значит прибавить к фону единицу.
$('.test1').css('background') выдаст что-то типа

rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box

. Единица к этому очень плохо прибавляется.

Вам нужно
- либо получить текущий цвет, перевести его в hsla и увеличивать насыщенность (saturation)
- либо накладывать сверху блок и менять его прозрачность для имитации насыщенности либо просто менять прозрачность самого блока либо играть в двойной фон и вниз складывать черный или белый фон.

Напишите для этого отдельную функцию.

Дальше $('label').on('click', function(e) { .. }) Кстати, зачем инпуты с лейблами?

Внутри меняете цвет для кликнутого элемента (вызываете вашу функцию).

И

$(this).prevAll('label').css('border', '3px solid red');

для предыдущих лейблов. Я для примера написала задать границу для предыдущих.

Дальше для набора этих элементов с помощью .each вызывать ту функцию, которая получает и изменяет цвет.

Еще у вас с какой-то целью блоки выводятся в обратной последовательности. Если что, есть симметричный nextAll

Как добавить нарастающую прозрачность(насыщенность цвета) средствами css?

zeni1agent, используйте this и prev. Зачем 3 раза одно и тоже писать?

Как добавить нарастающую прозрачность(насыщенность цвета) средствами css?

zeni1agent, мое предложение в основном было про js.
Статья лишь для демонстрации работы с цветом.

Почему не кликается чекбокс?

Вообще-то поможет.
При display none не будет табаться с клавиатуры и читаться читалками.
Но клик по псевдо от лейбла булет работать точно также как и сам лейбл.