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

gretyl007, только не забывай если у тебя проверка на заполнение полей стоит чтобы не получилось так, что ты нажал выдало ошибку что поле не заполнено и кнопка стала вида, что уже не доступна))

Почему не закрывается блок JS?

dieiN, все что писали подразумевает срабатывания при загрузке страницы
window.onload = function(){
или document.addEventListener("DOMContentLoaded", function(){
т.е страница загрузилась сработал скрипт, если нужно при нажатии или еще при чем, то уже нужно писать совсем по другому, нужно понимать какая цель и как и когда это должно работать но в вопросе это не указано))

Как заставить функцию повторно выполняться?

смотря какие условия повторения - нажатие на сайте, нажатие на клавиатуре, ховер и т.п

button.addEventListener('click', function() {
functionName();
});

Как сделать кастомизацию dropdown в materialize?

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

Как изменить повторно содержимое элемента?

я тоже ни черта не понял)) Если ты вставляешь по этот код вместо того который по умолчанию

.html('<video onclick="this.paused ? this.play() : this.pause();" autoplay muted loop width="540" height="400" class="videoPlayer" id="videoPlayerFirst"><source src="img/video.mp4" type="video/mp4"></video>')

и потом на любую кнопку вернуть хочешь что было сразу так все просто
1. Берешь при jQuery(document).ready(function($) { создаешь переменную var izPizi = и присваиваешь сюда данные которые сразу находятся в поле или те которые тебе нужны при нажатии на любую кнопку.
2. Просто делай собития клик $('.btn-1,btn-2,btn-3').click(function(){
$(this).parents('#video_first').html(твоя переменная с изначальными данными);
});

Что дописать, чтобы текст в псевдо можно было выделить?

Рустам Байназаров, мне кажется игра не стоит свеч, проще сделать див и просто его поставить куда нужно и не мучатся) т.к сама задача не стоит потраченного на нее времени)) как говориться - игра не стоит свеч))

Как обрабатывать css в gulp после применения к нему sourcemaps?

просто в гугле напишиgulp-notify и по картинке где сообщение как я кидал статью читани))

Как обрабатывать css в gulp после применения к нему sourcemaps?

Федя, dev-city.me/2017/08/25/kak-obedinit-gulp-notify-i-... в принципе тоже самое)

Как обрабатывать css в gulp после применения к нему sourcemaps?

Федя, я вот не помню если честно надо погуглить статью ту)

Как обрабатывать css в gulp после применения к нему sourcemaps?

значит должно работать

var notify = require('gulp-notify');
gulp.task('css:build',function(){
  return gulp.src(path.src.sass)
    .pipe(sass().on('error', notify.onError({
    message: "<%= error.message %>",
    title  : "Sass Error!"
  })))
    .pipe(autoprefixer({ 
    browsers: autoprefixerList
  }))
    .pipe(pxToRem(variablesPxToRem))
    .pipe(cssNano())
    .pipe(gulp.dest(path.build.css)) 
    .pipe(webserver.reload({stream: true}));
});

Как обрабатывать css в gulp после применения к нему sourcemaps?

Федя, тоже на винде, а ты notify поставил?

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

Вот скорее всего твой вариант, там немного на Js написано сейчас поправлю чтобы на Jq целиком было

$(document).ready(function(){
  var superBtn = $('.super-btn');
  superBtn.css('display','none'); //это лучше через css скрыть и не нужно будет
  $(window).scroll(function(){
    if ($(window).scrollTop() > 500) {
      if($(window).width() > 991){
        superBtn.css('display','block');
      } 
      $(window).resize(function() {
        if($(window).width() < 991){
          superBtn.css('display','none');
        } else {
          if ($(window).scrollTop() > 500) {
            superBtn.css('display','block');
          }
        }
      });
    } else {
      superBtn.css('display','none');
    }
  });
});

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

Вроде как-то так должно быть, ну тут смотри на принцип т.к примера нет в codepen чтобы там пошаманить просто код накидал, если выкенишь куда в codepen если не сработает там потом чуть что гляну. Ты должен запускать скролл только тогда когда удовлетворенно твое первое условие т.е больше 991px ширина экрана как только это условие сработало тогда уже должна запустить 2 часть и это уже проверка на высоту как только она тебя удовлетворяет по условия должна быть еще 1 проверка - на наличие кнопки, если кнопки нет то создать если она есть то ничего не делать, если бы у тебя была кнопка как я писал раньше просто в коде то тебе нужно было бы ее проверить просто на .is(':visible') вроде так на jq и это мне кажется более правильный вариант когда у тебя кнопка есть сразу но просто скрыта, нужно максимально использовать css т.к это быстрее чем js и правильнее) на большом проекте каждая миллисекунда важна по этому сразу приучайся по максимуму делать Css.

$(window).resize(function() {
  width = $(window).width();
  if (width < 991) {
    $('.navbar__button').remove();
  } else {
    $(window).scroll(function(){
      scroll = $(window).scrollTop();
      if (scroll > 500) {
        $('.logo').addClass('logo_active');
и я jq уже точно не помню но надо проверить на то есть ли уже кнопка
if($('.navbar-btn').length < 1){
        newdiv = $("<button id=\"navbar-btn\" class=\"button callback navbar__button\">Заказать звонок<\/button>");
        $("#navbar-info").append(newdiv);
}
      } else {
        $('.logo').removeClass('logo_active');
        $('.navbar__button').remove();
      }
    });
  }
});

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

sergeevsite, попробую визуально чтобы было понятно что к чему)

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

sergeevsite, что-то я запутался вовсе)) на каком промежутке должна кнопка появляться?) получается она должно быть видна когда экран меньше 991 и скролл больше 500px? если это так то получается лучше всего запускать scroll в то время когда экран уже меньше 991 и сразу проверять на наличие кнопки чтобы не выводила несколько раз
рейсайз
если ресайз меньше 991 то
запускаем скролл функцию
если скролл > 500
то делаем кнопку видимой

и лучше сделай ее в коде и пусть просто будет не видна чем добавлять ее jq) если хочешь добавлять то нужно сделать
рейсайз
если ресайз меньше 991 то
запускаем скролл функцию
если скролл > 500
проверить к примеру кнопку свою с уникальным классом есть ли она на странице уже можно сделать
$('.supe-btn').length !== 1 или < 1 то выполнить код создания кнопки т.к если кнопки нет он выдаст 0 он создас и если 1 то кнопка есть и уже не нужно создавать, если я задачу понял конечно верно

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

не знаю так ли понял так просто надо было сделать блок при нажатии на который у тебя откроется div вкотором будет лежать твои картинки при нажатии на которые уже будет открываться попап.

Как обрабатывать css в gulp после применения к нему sourcemaps?

сделай чтобы выводилось в отдельный файл - .pipe(sourcemaps.write('.')) а еще вариант это когда ты собираешь уже готовый проект просто в минимизаторе укажи чтобы были удалены комментарии и он вырежет этот кусок, я лично сделал просто отдельным файлом.
Там в самом конце
https://denis-creative.com/source-maps-gulp-4/
Может интересно будет - можно сделать вывод ошибок вот так
.pipe(sass().on('error', notify.onError({
message: "<%= error.message %>",
title : "Sass Error!"
})))
И визуально будет всплывающее окошко такого плана))

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

делай проверку на существование кнопки по классу или id если есть то не добавлять если нет добавлять. А еще проще как писали выше сделай кнопку и просто display: block и через
media screen and (max-width: 991px) {
.btn { display: block;}
}

Как сделать отступ от верха всегда 50% независимо от контента?

Роман Кузнецов, я думаю если сделаете флексом чтобы они были одинаковой высоту то фиксированная все будет хорошо) фиксированную я делал просто для примера чтобы не заморачиваться на одинаковой высоте блоков)) там указано в % по этому не важна какая высота блока будет, главное чтобы у всех одинаковая была))

Как двигать внутри "div" блок "img" без position: absolute;?

Denis, вот и отлично)) можешь еще посмотреть в сторону bootsrap 4 там есть такая штука align-self-center она ставит блоки по центру относительно друг друга и все равно fixed блок или нет