Вёрстка адаптивного сайта для новичков по БЭМ с адаптивностью
В этом видео я показываю вёрстка сайта по готовому макету. Использую HTML, CSS, БЭМ, Flexbox и Grid. Вы узнаете, как верстать сайт по БЭМ, ведь это то практический пример использования этой методологии. Приятного просмотра 😇.
📌 Основы БЭМ:
📌 Макет:
👁🗨 Телеграм канал:
👁🗨 Discord сервер:
👁🗨 VK:
Тайм-коды:
00:00 - Интро
00:44 - Макет
02:51 - БЭМ-компоненты
07:26 - Создание проекта
08:21 - Верстка компонентов
01:09:39 - Вёрстка главной страницы
01:10:28 - Шапка
01:22:09 - Секция “Hero“
01:33:37 - Секция “Обратная связь“
01:41:13 - Секция “Каталог“
01:50:26 - Футер
1 view
183
41
1 month ago 00:16:35 1
7.Создаем сайт с эффектом параллакс используя HTML,CSS #webdevelopment #web #HTML #css #parallax
1 month ago 00:18:11 1
ПЛАН РАЗВИТИЯ ФРОНТЕНД РАЗРАБОТЧИКА. ЭФФЕКТИВНОЕ ОБУЧЕНИЕ HTML CSS JAVASCRIPT
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. Что когда использовать? Подробное объяснение на практике.
2 months ago 04:29:35 1
Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150
2 months ago 00:11:41 1
Анализируем новый макет в #Figma глазами разработчика
2 months 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
3 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: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 с нуля!
4 months ago 00:14:37 1
Adaptive layout (Адаптивная верстка) в Android Studio
4 months ago 00:18:27 1
Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.
4 months ago 00:15:02 1
#1 Сетка Bootstrap 5 для начинающих | Быстрая верстка сайта при помощи колоночной сетки
4 months ago 01:57:22 1
🔥 Верстка сайта с нуля для начинающих | HTML, CSS, VS Code, PSD