WapSter

slick вполне подходит, пример синхронизации слайдеров

..//img/index-img/файл

1. Выложить проект на гитхаб в архиве, это безобразно. Еще и в rar.
2. Обрезанный по ширине body? Никогда так не делай.
3. Ховер эффекты только на кнопках заметил, и то не особо только шрифт меняет цвет, на превьюшках явно указано что есть ховер эффект при котором появляются дополнительные элементы управления.

Накладывается относительно позиционированный элемент на картинку с фоном rgba(0, 0, 0, .5) к примеру

Использовать класс вместо id

Безопасный вариант, верстаешь кнопку делаешь невидимой, блоки увеличиваешь через transform кнопки opacity 1 всему задаешь анимацию и все четко отрабатывает. для внутренних элементов scale с отрицательным значением при ховере на блок.
Опасный вариант, поиграться с отрицательными марджинами.

Если правильно понял, то вот подобные эффекты дальше адаптируй под себя.

Мануал как сделать с подсветкой синтаксиса. Ну а так тег <code></code>

moveBlock.style.top = test + "px";
в вашем примере нет переменной test, попробуйте вставить topPos

input {
    padding: 0 5px;
}

Паддинг стилей плейсхолдера прибавиться, а вообще ему его и не нужно добавлять он и так встанет куда нужно.

просто

зачем плагин на jquery если это можно сделать при помощи css

{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

У вас родитель на всю ширину экрана, все верно отрабатывается.

Отрабатывается все как нужно, ну кроме этого flex: 1 1 auto;, это для дочерних элементов.

header {
  display: flex;
  justify-content: center;
}
.header {
  border-width: 2px 2px 2px 7px;
  border-style: solid;
  border-color: #600;
  border-radius: 1px;
  max-width: 836px;
}

уже задавался вопрос, учитесь пользоваться google поиском вот. И как сказали выше, этот вариант не очень. Если лично вам это мешает то вот способ.

Никогда не пробывал, но думаю вот что произойдет. Вы убьете подключение 2х шрифтов и целого семейства, так как Arial и sans-serif начнут ссылаться на src:.

Тут главное знать теорию

align-self: выравнивает элемент по поперечной оси, а ты пытаешься по главной. Чтобы прижать блок к правому краю, просто задай margin-left: auto

Держи. И ту теорию нужно повесить на событие load

Задай блоку с текстом relative, псевдоэлементом растяни визуально блок, обертке которая у тебя растягивается на всю ширину overflow-x: hidden; и весь фокус