Как добавить ::before и :after к замещаемым элементам?

у <input>нет :beforeи :after, оберните его в <label>и добавляйте их к нему. Напимер так:

<label>
  <input type="text">
</label>

Как изменить глобальную переменную?

Максим Тимофеев,

Что бы он выполнялся, надо вставить его внутрь какого-то события.

или запускать по таймеру

Как изменить глобальную переменную?

на момент клика уже вывелся console.log с значением 0
для дебага поместите его в нутрь события, вот так

$('.arrow').on('click', function() {
  clickCount = clickCounter();
  console.log(clickCount);
});

вывод будет таким

console.log(clickCount);  // 0 первый клик
console.log(clickCount);  // 1 второй клик
console.log(clickCount);  // 2 третий клик

Как правильно сверстать такой блок?

а где вы такой красивый макет взяли? если у вас есть исходники, то могу помочь сверстать.

Как эмулировать клик по ссылке?

покажите свой код с переменой в которой ссылка.

Каким способом возможно сделать бэкграунд video так, чтобы оно автоматически воспроизводилось ВЕЗДЕ на всех устройствах (gif не предлагать)?

can i use говорит что с автоплей все хорошо кроме safari 11, 11.1, ios 11.2, 11.3 и можно попробовать такое

Слайдер с эффектом до-после?

вам нужно чтобы в 1 слайде было 2 картинки с эффектом до/после? и таких слайдов много, я правильно понял?

Как должно быть построено SPA на native JS с Ajax?

фвмфыамамвам выафывафыва ф айк уапмывмывамва ыфваф..., крутое имя

Как сделать так чтобы при нажатии на слово(или кнопку) раскрывалось окно с видео/картинками/текстом и т.д?

это вам для чего?

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

Augustini, нет, тут проблема не в маштабировании, а в том как вы использовали относительние одиницы. Вы не совсем верно понимаете их использования в адаптве. Если кратко - вы задаете точный размер для контейнера в относительних одиницах, наприм .header {width : 87.5rem} что равняетьса 1400 пикселям (rem считаеться беря размер шрифта для html тега, по умолчанию 16px, 16*87.5=1400).
Для контейнеров будет лучше если написать

.container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

Для блоков лучше использовать vh, vw, vmin, vmax (поддержка)
А rem, em для текста.

Как убрать пустое место?

.title-section

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

Augustini, можно ссылку?

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

- где проверяете? (лучше всего в devtools)
- я так понимаю что верстка на локалке, да?

Как подстроить экран под клавиатуру на PWA?

Александр Петров, нет но в мобильной версии подстраиваеться под клавиатуру с помощу css, это то что нужно

Как подстроить экран под клавиатуру на PWA?

Александр Петров, ну если посмотреть на https://codepen.io/pen/ то они с calc и flex смогли добиться такого ефекта.

Как подстроить экран под клавиатуру на PWA?

попробуйте

body {
  height: 100vh;
}

Как сделать сдвиг каналов только внутри принта паука?

как вариант можно вырезать, скопировть, залить раздельно цветами RGB и задать наложение

Как правильно рассчитывать себестоимость работ для проекта?

и какие у вас примерно сроки на другорядные проекты, если не секрет?

Как вывести HTML структуру в дерево?

а скрины у вас откуда, макет?

Адаптивный background?

Egorian, background-size: 100% 100%;
обрезаться не будет, но будет растянутое