ой всё

учитесь назначать элементам уникальные id и всегда обращаться через них в коде, и будет вам счастье

а css классы оставьте для дизайна

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

сначала объектная модель и алгоритм, а потом уже читаемость появлятся сама

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

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

$("ваш инпут").on("keypress", function (event) {
  if( $(this).val() == " " ) {
      // выполнять нужные действия
  }
});

пробелы по краям мы убираем с помощью jquery trim() по событию blur или focusout, то есть если вводится один пробел то он сразу удаляется

если вы просто поменяли коды красных оттенки на коды зеленых и остальное оставили как есть в оригинальном файле, то все должно работать, но тут еще нужно проверить загружается ли ваш main.css - может быть проблема в неправильном пути к этому файлу и поэтому срабатывают только первые два CSS файла

можете открыть View Page Source - код страницы в браузере - и прямо оттуда нажать на ссылку с вашим main.css файлом, чтобы убедиться что файл загрузился

с эфиром ни в каком виде дела я не имела, но вот что возвращает консоль на простых примерах

var inp = [];
undefined
inp[0]
undefined
var inp = [0]
undefined
inp[0]
0
var inp = [99]
undefined
inp[0]
99

то есть, если в ваших inputs пустой массив без данных, то и получить данные из него нельзя

из-за javscript и дрожит
такие вещи пишутся в css
тут уже был похожий код сегодня, правда еще хуже, чем этот

сделать два разных css - для десктопа и мобильных устройств
в js назначаются или удалются только соответствующе css классы
а то, что вы написали жаваскриптом - это ужас-ужас, в общем, прогаммирование даже такое простое - это не ваше

так у вас пути к картинкам неправильные, вот они и не находятся
php код тут совсем не при чем, вы бы хоть ошибки гуглом перевели

хотя может вы и файлы картинок не загрузили :))

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

передавать параметр вместе с сессией

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

найдите то, что вам действительно важно и интересно, и никто и никогда не сможет вас от этого отвлечь

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

Autofill Chrome

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

delay:i/250, - но если ее уменьшить, вы вообще можете не увидеть никакой анимации

всё, забили тостер долбанной капчей, ломайте голову сами

SASS и SCSS - это только препроцессоры, которые позволяют вам писать структурированный css

но сам код css остается в силе, и фоновое изображение делается везде одинаково

у вас спрайт прописан в .social-btn::before, а позиция меняется в .social-btn-vk:hover

поставьте и спрайт .social-btn-vk и тогда должен работать .social-btn-vk:hover

открывайте все, что найдете по html5, css3, javascript, json, api, node.js, mongodb - книги, видео, уроки - и в свободное время осваивайте новую профессию

если этого не хватит, в чем я очень сомневаюсь, то еще есть php, mysql, wordpress и иже с ними

ООП вы не напишете без процедурного, а АОП - без ООП
википедия пишет, что АОП - это частный случай ООП

АОП - это тот же ООП, но управляемый событиями, а не вручную, как делают в обычном ООП

в ООП вы создаете классы разных "физических объектов" типа клиентов, продуктов, машин и тд, и потом ломаете голову как заставить их общаться между собой через разные интерфейсы, поэтому возникают тонны бесконечных вложенных колбэков, бардак скоупов, многократно повторяющийся код в разных вариациях итд

в АОП более абстрактный уровень классов типа item/asset/widget, а "клиенты, продукты, машины" являются не классами, а свойствами, или часто там совсем другие типы классов,

когда у вас есть один и тот же класс, то нет проблемы несовместимых интерфейсов, и все делается программно, управляется событиями, вместо того чтобы вручную писать какой должен быть найден объект и что конкретно в каждый момент он должен делать

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

фантазировать можно долго и много, но по факту для реальных бизнес-проектов делают 2 разрешения: декстоп под 1280px неретиновых экранов и усредненный телефонный размер типа 375px

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