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

Алекс Глебов, Здравствуйте, а вы не могли бы ответить как подобную анимацию делать? Каждый элемент который будет анимированным идет отдельно, на него вешается нужная анимация и он позиционируется в конкретное место?

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

Спасибо за ответ, вопрос был не от меня

Как правильно давать классы и нужно ли это?

Спасибо за развернутый ответ.

Как отключить Slick slider?

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

Как отключить Slick slider?

Ankhena, Спасибо за помощь! Вот решил таким способом:

$(window).on("load resize", function(){
	  var width = $(document).width();
	  
	  if (width > 768) {
	    $('.s-players').slick('unslick');
	  } else {
	    $('.s-players').not('.slick-initialized').slick({  
	      slidesToShow: 1,
	      slidesToScroll: 1,
	      infinite: true,
	    });
	  }
	});

Как отключить Slick slider?

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

Как отключить Slick slider?

Пробовал уже подобное, но так не работает.
При такой записи slider всегда работает.

Как сверстать подобный заголовок?

Не понял чему нужно давать max-width?
То есть по хорошему не должно быть рандомных контрольных точек, а все должно уложится от первого брейкпоинта ко второму? Если написал медиа для max-width: 1200px, то к 992px ничего не должно поехать, чтобы не пришлось создавать еще один медиа запрос?

Спасибо за помощь!!!

Как сверстать подобное?

Rheinmetall, спасибо, сейчас попробую реализовать так.

Не работает color picker в sublime text 3, как решить эту задачу?

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

Не работает color picker в sublime text 3, как решить эту задачу?

Сергей Бурдужа, как именно само собой?) а то у меня такая же проблема

Почему не работают начертания шрифтов в Firefox?

Дима Турков: Я разобрался в чем была проблема: путь к папке с шрифтами был не правильно указан, надо было добавить ../fonts, а я чет упустил этот момент((( Все же спасибо за потраченное время!

Почему не работают начертания шрифтов в Firefox?

@font-face {
font-family: 'LobsterRegular';
src: url('fonts/LobsterRegular.eot');
src: url('fonts/LobsterRegular.eot') format('embedded-opentype'),
url('fonts/LobsterRegular.woff2') format('woff2'),
url('fonts/LobsterRegular.woff') format('woff'),
url('fonts/LobsterRegular.ttf') format('truetype'),
url('fonts/LobsterRegular.svg#LobsterRegular') format('svg');
}
@font-face {
font-family: 'RobotoLight';
src: url('fonts/RobotoLight.eot');
src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
url('fonts/RobotoLight.woff2') format('woff2'),
url('fonts/RobotoLight.woff') format('woff'),
url('fonts/RobotoLight.ttf') format('truetype'),
url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}
@font-face {
font-family: 'RobotoRegular';
src: url('fonts/RobotoRegular.eot');
src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
url('fonts/RobotoRegular.woff2') format('woff2'),
url('fonts/RobotoRegular.woff') format('woff'),
url('fonts/RobotoRegular.ttf') format('truetype'),
url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
font-family: 'RobotoMedium';
src: url('fonts/RobotoMedium.eot');
src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
url('fonts/RobotoMedium.woff2') format('woff2'),
url('fonts/RobotoMedium.woff') format('woff'),
url('fonts/RobotoMedium.ttf') format('truetype'),
url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}
@font-face {
font-family: 'RobotoBold';
src: url('fonts/RobotoBold.eot');
src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
url('fonts/RobotoBold.woff2') format('woff2'),
url('fonts/RobotoBold.woff') format('woff'),
url('fonts/RobotoBold.ttf') format('truetype'),
url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}

Почему не работают начертания шрифтов в Firefox?

Да все правильно, в других же браузерах этот код работает.
И какой код вам именно показать?

Как правильно подключать ccs файл?

Ivan Bogachev: Спасибо за помощь.

Как правильно подключать ccs файл?

Здравствуйте! Я правильно понял, нужно сделать одну таблицу стилей для первого окна просмотра и подключить ее в head, а остальные стили закинуть в другой css файл и подключить в конце страницы перед body?
Возникает пару вопросов:
1) куда подключать тогда файл с media запросами и остальные файлы, например bootstrap и т.д.?
2) возможен ли такой вариант: делать прелоадер и подключать все файлы в конце?

Как на практике изучать Javascript?

Дмитрий: Спасибо большое за ответ !!!

Как на практике изучать Javascript?

Дмитрий: Привет ! я на самом торренте не нашел курс по JS, но на YouTube нашел это https://www.youtube.com/watch?v=4FUjiQtNWkM. Это оно ? Стоит смотреть?

Как реализовать данный ховер?

Спасибо большое!!!

Как сверстать этот блок?

Спасибо за то что уделил время, ты мне очень помог !!!