Адаптивная верстка страницы. Как сделать адаптивную верстку. Адаптивная верстка с нуля.

Привет! После видео, где у нас была верстка сайта html и css, многие подписчики спрашивали меня когда же будет адаптивная верстка страницы. Сегодня я покажу как сделать адаптивную верстку, здесь не будет все идеально, но правильная верстка сайта и не должна быть идеальной. Но при этом вы увидите какие шаги нужно предпринять, для того, чтобы знать как делать адаптивную верстку. Самое главное для чего служит адаптивная верстка экраны различных размеров. Это работа с psd макетом сайта, а именно адаптивная верстка с нуля. Кстати, адаптивная верстка css обладает некоторыми особенностями, подробнее в видео. А если вы еще не знаете что такое верстка сайтов с чего начать и как сделать лендинг страницу, то посмотрите предыдущие мои видео. Ну а если вас интересует html адаптивная верстка, адаптивная верстка css3, адаптивная верстка psd или адаптивная верстка bootstrap 4, то приятного просмотра. После просмотра вы узнаете, как делается адаптивная верстка сайта с нуля по макету psd. Если видео было полезным, подпишись на канал. Так ты наверняка будешь знать как правильно сделать лендинг.

[prosto_razrabotka]

Можете добавиться в друзья:

А так же, подписаться на страницы:

[rsviesj]

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

[Istanislav]

Очень полезно. Не знаю уже, какие слова подобрать. чтобы описать пользу от ваших роликов. Ультра-мега круто, русский YouTube стал много богаче

[eanewmahariel]

Очень понравилось твоё стремление избегать переопределений) вроде и не так важно для задач бизнеса, но гораздо проще контролировать свой код и понимать, где и что можно убрать/заменить, чтобы ничего не сломалось) буду учиться делать так же

[saharaprotocol]

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

[webmaq]

Спасибо за урок) классный подход к адаптиву, понравился ход мысли) буду стараться в том же направлении)

[ilyatyurin]

Уже несколько дней не могу оторваться от ваших видео! Сразу видно, что у вас, не смотря на большой опыт, осталась любовь к делу! Подозреваю, что в дальнейших видео будет js)) (жду)
ps Спасибо!

[englishlanguage]

Однозначно ЛАЙК! По моему это профессионально! ). Много того чего я раньше не видел на русскоязычном ютубе. Отдельное спасибо за то, что нет музыки!!! Да и темп видео, как по мне так в самую точку!

[DimkaLom]

Виталий, огромное человеческое спасибо! Ваши уроки очень помогают, очень доступно и понятно подаете материал!

[webdevelopment]

Спасибо большое, очень круто получается у тебя доносить инфу, а главное не нудно)

[Sivchello]

Очень крутой ролик! Приятно смотреть, нет воды и при этом максимально подробно всё описано

[serhiyson]

Спасибо, что в реальном времени показали работу над адаптивом.
Я уж думал, что один сижу и долго соображаю куда какой стиль вставить. Оказывается, что и профессионалы с многолетним стажем ошибаются и по долгу ищут свои ошибки (=

[sjoyely]

Да мой же ж ты хороший! Спасибо тебе за всю твою работу и позитив. Я нищий как пёс, но когда нибудь обязательно задоначу хоть немного.

[ivanmaslow]

Виталик вы лучший! за вас лайки!) Терпения и любви вам к вашим делам, продолжайте!))

[muratk.]

Да классно продолжайте в таком духе!👍👍👍🔥🔥🔥

[IgorMahlysh]

просто красавчик)очень благодарен за видео)))

[humanbeing]

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

[russiatraveladvisor]

магия!!! ааа магия!!!! 3 день застряла на адаптиве и тут он... Ваш прекрасный канал, посмотрела про бутстрап, по полочкам все встало и это про адаптив, в теории все понятно, завтра буду на практике пробовать. Огромнейшее спасибо за материал!

[SpeedGodQ]

Очень порадовал видос. Всё доходчиво и понятно. Никак не мог разобраться, где задавать медиа-запросы чтоб ничего не ломалось.

[ArhisAlight]

Спасибо огромное за контент! )))
С отлюбленными мозгами, но хорошим результатом и настроением всё получилось как задумывалось)))
Осталось выбрать шаблон другой и сделать всё самому)))