Адаптивная вёрстка лендинга. Как сделать верстку сайта. Правильная верстка сайта. Респонсив.
В этом мастер-классе покажу как сделать отзывчивый (responsive) адаптив. Научимся делать правильную адаптивную вёрстку лендинга используя HTML(KIT) CSS(SCSS) БЭМ и JS(jQuery).
🤟 Макет напоминалка:
🤟 Применение класса “ibg“ -
👉 Адаптивная верстка -
👉 Адаптивное меню бургер -
👉 Настройка Sublime Text 3 -
👉 Про Avocode -
👉 Про Prepros/ Препроцессор .kit -
👉 Препроцессор SASS/SCSS -
👉 Про БЭМ -
👉 Подключение шрифтов -
💪 Результат верстки доступен для подписчиков на патреоне:
💪 Стартовый шалон “Чертоги
1 view
256
60
1 month ago 05:05:31 1
Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse
1 month ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
1 month ago 00:41:17 1
CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике.
1 month ago 04:29:35 1
Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150
1 month ago 00:11:41 1
Анализируем новый макет в #Figma глазами разработчика
1 month ago 00:35:13 1
Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)
2 months ago 00:13:02 1
Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O ?
2 months ago 01:39:26 1
Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS
2 months ago 04:20:05 1
Основы вёрстки HTML+CSS | Базовые принципы работы с CSS и HTML на практике
2 months ago 00:01:00 1
Адаптивность без media (clamp) #shorts #adaptive #webpage #htmlcss #javascript #css3 #coder #кодинг
2 months ago 01:07:20 1
🔥CSS GRID СЕТКА 🎉 САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков
2 months ago 00:10:16 1
#3 Плагин Perfect Pixel, Верстаем по макету из Figma
2 months ago 11:55:00 1
Frontender[1.0] - Модуль 1 | Курс по FRONTEND | HTML, CSS, SCSS, GIT, NPM, SEO, A11Y | УРОКИ [2-55]
3 months ago 04:42:31 35
Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K
3 months ago 00:43:27 1
Web - 24 - Адаптивная CSS верстка. Адаптация HTML страницы под экран телефона, планшета, монитора ПК
3 months ago 00:18:11 3
ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPT
3 months ago 00:12:55 8
Базовый MVP клиента ChatGPT
3 months ago 01:05:51 1
Адаптивная верстка одностраничного сайта на чистом HTML & CSS || Travel Agency Website HTML&CSS
3 months ago 03:38:46 1
[Жесть!] ~4 часа верстки лендинга из Figma на HTML/CSS/Bootstrap 4 с нуля!
3 months ago 00:14:37 1
Adaptive layout (Адаптивная верстка) в Android Studio
3 months ago 00:18:27 1
Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.
3 months ago 00:15:02 1
#1 Сетка Bootstrap 5 для начинающих | Быстрая верстка сайта при помощи колоночной сетки
4 months ago 01:57:22 1
🔥 Верстка сайта с нуля для начинающих | HTML, CSS, VS Code, PSD
4 months ago 00:11:29 2
Нужно ли делать 320пх? Сколько адаптивных макетов дизайна лучше показывать? Дизайн. Верстка. Фриланс