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

Александр, А еще третий вариант при котором можно полностью обновить сайт и получить такого же монстра.

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

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

Что делать с хакером?

Александр Скуснов, Так в этом и суть, находиться база аккаунтов с email и паролем, далеко ходить не надо даже на facebook недавно был слив масштабный. Берем отсылаем на найденный email пароль который к нему прикреплен. Вуаля

Для чего нужно наследование, если можно обойтись без него?

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

<ul class="menu">
    <li class="item active">Плохо</li>
    <li class="item">Плохо</li>
<ul>

.menu .active {color: red}
Есть и хорошо, но, теперь нам надо добавить вложенный список:

<ul class="menu">
    <li class="item active">
        Плохо
        <ul>
            <li class="item active">еще хуже</li>
            <li class="item">еще хуже</li>
        <ul>
    </li>
    <li class="item">Плохо</li>
<ul>

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

.menu .active {color: red}
.menu ul li  .active {color: green}

Это же просто прекрасный код, которому место на помойке, но ладно едем дальше.
Вдруг мы решили перенести наше меню из header в sidebar, а там уже прописано что-то типа:
.sidebar div .active {color: blue}
Думаю нет смысла продолжать, кто знает, тот поймет. Это просто адская забава из кастылей и палок.

Как сортировать блоки div по их содержимому в алфавитном порядке(Русский)?

И что вы уже успели написать? Вопрос на тостере?

Возможно ли выполнить php-код по клику на элемент?

Попробуйте для начала сделать любой пример AJAX и посмотреть принцип работы, поменять под себя что-то иначе вы ничего не поймете.

Как функция возвращает bottom координаты элемента относительно документа?

kirillleogky, Ваш код не работает, то что он апендится в левый верхний угол это естественное поведение. Да, он принимает координату X, но не принимает координату Y https://codepen.io/L2Banners/pen/zYONgRO

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

Как функция возвращает bottom координаты элемента относительно документа?

kirillleogky, Это не пример, это скриншот. Разверните полноценный пример

Как функция возвращает bottom координаты элемента относительно документа?

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

Чем заменить position: sticky?

leafo.net/sticky-kit

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

А на какую вакансию вы собеседовались хоть?
Возможно спрашивая про OpenServer они хотели понять ваше понимание среды разработки, а вы их не так поняли?

Как с 3 номеров сделать 1, с меняющимся тегом span?

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

Возможно ли на css расположить картинку по центру при наведении?

По центру чего? Всего блока с картинками или увеличилось от центра как на примере?

Влияет ли на продвижение (индексацию) сайта его сборка с помощью ejs?

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

Каков правильный порядок тегов таблицы в HTML?

Jerry_Lucky, Ну так вы наверно проверяете по стандарту html5, а примеры HTML 4.01. Сейчас проблема загрузки не настолько актуальна и важна семантика

Каков правильный порядок тегов таблицы в HTML?

Ну а логика где? как низ может быть по середине?

Кто-то знает если есть такая библиотека эффекта?

Вот большая подборка с эффекатами, есть похожие, может получится что-то под свои требования переделать https://github.com/willianjusten/awesome-audio-vis...

Что такое callback?

JustHum6n, Смысл в том что колбек в таком примере это не какая-то конкретная функция, а именно та которую вы передадите. Как выше сказали, если например у вам есть событие окончание работы таймера или перемотки слайда, то вы можете передать много абсолютно разных функций, которые будут вызваны в нужный момент. Но на самом деле все зависит от задачи, вы возможно хотели сделать что-то конкретное и начитались лишнего. Если вам нужно вызвать функцию из вашего сеттаймаута, то вызывайте как вам удобно, а когда столкнетесь с проблемой колбеков вы уже будете готовы к её решению

Как сделать overflow hidden только по нижнему краю?

Было бы не плохо, если бы вы предоставили заготовку для работы на codepen, не у всех есть желание делать всю работу за вас

One Page Scroll как открыть сразу две секции?

Так поместите его внутрь предпоследней секции..