WapSter

Нужно подключить jQuery

<input type="file">

Относительным позиционированием с применением хитрого calc, внутрь сунуть слайдер, обёртке задать высоту фиксированную. В общем дофига танцев, но вполне реально.

А почему бы не почитать хорошую документацию
UPD: touchDrag

.wrapper
   .left-bar
   .center
       .content
       .content
   .right-bar

можно примерно так

Можно, ведь для section обязателен заголовок внутри, а нужно ли это вам решать. Погоды этот момент не сделает.

С кодом не помогу, но могу объяснить. transform: skewX(угол обрезки) для псевдоэлемента к примеру, для родителя оверфлоу хидден, ненужную часть псевдоэлемента скрыть за краем родителя.

Вот так?

Точно так же только вместо .addClass() и .removeClass() использовать .show() и .hide()

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

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

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

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

Как верстальщик и фронтендер скажу так, чтобы сильно не заморачиваться, используйте fullhd, сжимайте изображения, делайте их ссылками на оригинал, и используйте popup или без него. Вот и весь секрет. Если очень сильно заморочиться то можно использовать элемент picture, по этому вопросу Макеев крутое видео сделал на своём канале погуглите.

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

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

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

input {
    padding: 0 5px;
}

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

просто

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

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