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

ТАк вот же:

var faults = $('#form'+id+' input').filter(function() {
    return $(this).data('required') && $(this).val() === "";
    }).css({"box-shadow": "rgb(239, 76, 76) 0px -10px 3px -7px inset"}); // выделяем это поле красным
    if(faults.length) {
        return false;
    }

зависит от наличия data-required и пустой строки в значении

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

Let's Encrypt - подойдет

isotope - это js библиотека, ее логика выполняется в браузере, а не на сервере. Если сервер и виноват, то косвенно, например он отдает корявый html или не грузит библиотеку саму. В любом случае, проблему надо найти в браузере, а потом возможно ее причину на сервере. Дайте ссылку - Вам помогут. Код js без надобности, если он работал локально, то должен работать и на сервере. Так же советую рассмотреть вариант с кешем.

В консоле ошибки есть? jquery подключен? 1 раз подключен? Не подключен ли после owl? И еще 3000 вопросов, но проще если ссылку дадите или ошибки из консоли.

Называется это drag&drop
https://yandex.ru/search/?text=drug%26drop%20js&cl...

Причины тормознутости сайта:

• Картинки в слайдере по 3000 пикселей.
  
• Куча css файлов вместо 1 минифицированного
  
• шрифтов куча, хотя одного хватило бы, да и к тому же подключен, например ROBOTO не оптимально, с греческим начертанием, расширенной латиницей и т.д. Зачем?
  
• js фалов вообще миллион, хотя страницы видеть нечего, явно 80% можно в топку.
  
• мелкие иконки в спрайт можно запихнуть
  
• в header много js подключено, уверен что многое можно подключать перед </body>
  
• WP тоже не добавляет скорости
  

Ну и классика:
https://validator.w3.org/nu/?doc=https%3A%2F%2Fgym...
https://developers.google.com/speed/pagespeed/insi...

По большей части ручками с помощью js, svg, canvas.
Но есть ПО и js библиотеки, которые упрощают процесс.
Так например для svg есть редактор inkscape.paint-net.ru
Есть библиотеки:
https://d3js.org
www.hongkiat.com/blog/javascript-libraries-animate-svg
и др.

Конкретно в Вашем примере используют Greensock TweenMax и кучу плагинов к нему. Есть статья на хабре по теме:
Greensock: анимация на JavaScript

Теория и практика - это две разные сиськи, нет смысла решать, какая лучше, нужны обе. Желательно одинакового размера.

Я думаю, что Ваш "ступор" - это отсутствие практики. Просто наберитесь терпения. Пройдет время, сделаются несколько проектов и "ступор" пройдет.

if ($row_contact['name']==$row_contact['name'])
равносильно
if (1==1)
А значит выставит selected на все options
В этом нет смысла.

Он работает на js.
Создается миниатюра, выводится форма, при отправке на сервер отправляется фото и настройки из формы.
На сервере происходит ресайз и другие манипуляции. Возвращается url на сохраненный результат. Реализовать можно по разному, зависит от того что там на сервере, но на front-е точно js.

Так пойдет?

<div style="position: fixed; right:0; top:50%;">
<a href="#block1">иконка</a>
<a href="#block2">иконка</a>
<a href="#block3">иконка</a>
</div>

делаете блок, в нем меню. Блоку ставите position: fixed; при скроле скрываете или показываете. Что конкретно не понятно?

Настолько за...ся отвечать на этот вопрос заказчикам, что записал видео, рекомендую:
https://youtu.be/NYemdnasxzg
Там не только про это, так что проматывай начало, если не интересно про keywords