Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]
Сейчас я познакомлю тебя с адаптивной версткой сайтов. Расскажу зачем она нужна и покажу на практике ряд основных подходов. Изучим медиа запросы и их конструкции. Поймем что тебе не нужен Bootstrap! Поговорим об mobile first, а так же о лучших практиках адаптива. Адаптивная вёрстка позволяет веб-страницам подстраиваться (адаптироваться) под различные размеры мониторов ПК, экранов планшетов и смартфонов. И чтобы эффективно потреблять трафик с мобильных устройств, нужно предлагать пользователям сайты с максимально удобным, адаптивным интерфейсом. Помимо этого, адаптивные сайты имеют приоритет при поисковой выдаче. Одним словом, адаптивная верстка сегодня крайне важна, и любому мастеру нужно уметь её делать и делать хорошо!
👉 Макет напоминалка:
👉 Правильный адаптив картинок:
👉 Правильное адаптивное меню бургер:
👉 Ка
1 view
402
122
7 months ago 03:55:52 1
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS
8 months ago 00:28:35 2
Chrome DevTools. Полный ГАЙД для Тестировщиков
8 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
8 months ago 00:11:36 1
Как написать соцсеть в 2024 году? Установка Node JS и Yarn. Реализация дизайна.
8 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
8 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
8 months ago 00:05:02 161
Open Server 6.0 - Как создать проект. Как использовать Apache
9 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
9 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок