Cyber_bober

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

У хрома есть аудит страницы.

если не принципиально, можете запихнуть изображение в блок как

background:url('pathToImg') 50% 50% / cover;

задать блоку высоту и ширину нужные и изображение будет масштабироваться

Потому что у вас не происходит инициализация Slick Slider после клика на девайс. Нужно его инициализировать. Если вы сейчас активируете слайдер кликом на всех трех девайсах, то он никуда не денется, можете проверить.

Поставьте обработчик на кнопку вперед или проверяйте поля «на лету»

Посмотрите через девтулс или фаербаг, там происходит смена прозрачности и z-index

<div class="modal">
<!--vk subscribe-->
</div>

$(document).ready(function(){
    $('.modal').show();
});

по умолчанию 5 секунд, можете задать свое значение в миллисекундах при инициализации

$('.carousel').carousel({
  interval: 2000
})

З.Ы. Вообще OVK2015 прав. Анимацию лучше запускать во время появления слайда, методы для определения этого есть.

codecademy, treehouse, codeschool - тысячи их. советую php заменить на python.

Сохраните верстку в отдельных файлах и подгружайте их

Берете через js и отрезаете у ссылки на ютубе значение параметра v, в данном случае MCAczypeNe8, потом уже вставляете его в айфрейм вместо ххх

<iframe width="560" height="315" src="https://www.youtube.com/embed/xxx" frameborder="0" allowfullscreen></iframe>

slick slider

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

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

Вебвизор записывает видео, а не выводит эмуляцию верстки. Поэтому ответ - да, реально так.

А задать

.line{
height:50px;
width:100%;
background:#000;
}

.circle{
width:80px;
height:80px;
position:absolute;
left:50%;
margin-left:-40px;
bottom:10px;
background:#000;
}

Или тут какая-то специфическая задача? извините, на фиддл времени нет, спать ухожу)