Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]

Сейчас я познакомлю тебя с адаптивной версткой сайтов. Расскажу зачем она нужна и покажу на практике ряд основных подходов. Изучим медиа запросы и их конструкции. Поймем что тебе не нужен Bootstrap! Поговорим об mobile first, а так же о лучших практиках адаптива. Адаптивная вёрстка позволяет веб-страницам подстраиваться (адаптироваться) под различные размеры мониторов ПК, экранов планшетов и смартфонов. И чтобы эффективно потреблять трафик с мобильных устройств, нужно предлагать пользователям сайты с максимально удобным, адаптивным интерфейсом. Помимо этого, адаптивные сайты имеют приоритет при поисковой выдаче. Одним словом, адаптивная верстка сегодня крайне важна, и любому мастеру нужно уметь её делать и делать хорошо!


YouTube Images

All images from the biggest to the smallest
Click the right mouse button and select "Save Image As ..." to download the original image to your computer.

Image URLs:

Direct link to image with resolution: 1280x720

Direct link to image with resolution: 640x480

Direct link to image with resolution: 480x360

Direct link to image with resolution: 320x180

Direct link to image with resolution: 120x90

A few frames from the video and URLs to each:

Title and Description

Description and title of the video.
If the fields are empty, then there is no description for the video.
Title:

Description of the video.