Верстка адаптивного саита для новичков по БЭМ с адаптивностью (2)

Uploaded By: Myvideo

Published on

3 Aug 2024

5 views

0

0 votes

0

About Share Download Add to

В этом видео я показываю вёрстка сайта по готовому макету. Использую HTML, CSS, БЭМ, Flexbox и Grid. Вы узнаете, как верстать сайт по БЭМ, ведь это то практический пример использования этой методологии. Приятного просмотра 😇. 📌 Основы БЭМ: 📌 Макет: 👁‍🗨 Телеграм канал: 👁‍🗨 Youtube канал: @alex_dudukalo 👁‍🗨 Discord сервер: 👁‍🗨 Дзен: 👁‍🗨 Rutube: Тайм-коды: 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 - Футер

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/aG1nN05aOXlpeThPanI0anRMazF3a0hSb3lIbytNbUZSVGwrVmR6OWxjQT0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Адаптация сайта под мобильные телефоны за 15 минут | Адаптивная верстка на TILDA | ПОЛНЫЙ УРОК

24 hours ago

00:32:52

Адаптация сайта под мобильные телефоны за 15 минут | Адаптивная верстка на TILDA | ПОЛНЫЙ УРОК

14 87%

Chrome DevTools. Полный ГАЙД для Тестировщиков

2 days ago

00:28:35

Chrome DevTools. Полный ГАЙД для Тестировщиков

1 47%

Верстка сайта для новичков. Проект Pet Spa. Часть 2. Мобильная адаптивная, скрипты

4 days ago

02:22:38

Верстка сайта для новичков. Проект Pet Spa. Часть 2. Мобильная адаптивная, скрипты

10 27%

Полный гайд по CSS Grid: адаптивная верстка за пару минут

5 days ago

00:25:11

Полный гайд по CSS Grid: адаптивная верстка за пару минут

1 77%

HTML с нуля Курс по вёрстке с HTML и CSS ч.8 - Завершение проекта

1 week ago

01:32:48

HTML с нуля Курс по вёрстке с HTML и CSS ч.8 - Завершение проекта

9 31%

iCode School Курс iOS разработки 2021 - iOS Base - Уроки iOS Разработки. Урок 3 - Storyboard, Auto Layout

1 week ago

00:24:36

iCode School Курс iOS разработки 2021 - iOS Base - Уроки iOS Разработки. Урок 3 - Storyboard, Auto Layout

10 46%

Как написать соцсеть в 2024 году Установка Node JS и Yarn. Реализация дизайна.

1 week ago

00:11:36

Как написать соцсеть в 2024 году Установка Node JS и Yarn. Реализация дизайна.

1 42%

КУРСЫ ВЕРСТКА САЙТОВ

1 week ago

00:02:11

КУРСЫ ВЕРСТКА САЙТОВ

1 93%

SEO или CEO что выберешь ты SEO для начинающих. Выпуск 1

1 week ago

00:30:08

SEO или CEO что выберешь ты SEO для начинающих. Выпуск 1

13 9%

За сколько можно изучить питон

2 weeks ago

00:02:11

За сколько можно изучить питон

8 44%

Адаптивная HTML CSS верстка сайта из Figma c нуля для новичков. Пошагово и подробно. Советы от профи

2 weeks ago

05:30:24

Адаптивная HTML CSS верстка сайта из Figma c нуля для новичков. Пошагово и подробно. Советы от профи

15 8%

Адаптивная верстка сайта на HTML CSS

2 weeks ago

02:00:34

Адаптивная верстка сайта на HTML CSS

12 83%

HTML CSS адаптивная верстка сайта Freelance Portfolio. Темная тема на JS. CSS переменные

2 weeks ago

04:06:30

HTML CSS адаптивная верстка сайта Freelance Portfolio. Темная тема на JS. CSS переменные

12 54%

Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse

2 weeks ago

05:05:30

Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse

23 95%

HTML CSS верстка сайта главнои страницы интернет-магазина Panto. Swiper, retina, CSS clamp, табы

2 weeks ago

07:50:12

HTML CSS верстка сайта главнои страницы интернет-магазина Panto. Swiper, retina, CSS clamp, табы

13 74%

Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

2 weeks ago

04:42:30

Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

19 34%

Адаптивная верстка на CSS Grid для интернет магазина. Использование grid areas

2 weeks ago

00:29:06

Адаптивная верстка на CSS Grid для интернет магазина. Использование grid areas

844 55%

HTML Верстка корзины товаров HTML, SCSS, BEM naming

2 weeks ago

01:23:31

HTML Верстка корзины товаров HTML, SCSS, BEM naming

1 39%

CSS функция clamp(). Адаптивный размер текста. Прощайте медиазапросы

2 weeks ago

00:12:04

CSS функция clamp(). Адаптивный размер текста. Прощайте медиазапросы

1 72%

Уроки Bootstrap / Вводный урок изучаем Bootstrap за 1 час, знакомство с элементами для начинающих

2 weeks ago

01:05:47

Уроки Bootstrap / Вводный урок изучаем Bootstrap за 1 час, знакомство с элементами для начинающих

16 11%

Курсы с с нуля бесплатно Обучение html с нуля

2 weeks ago

00:02:11

Курсы с с нуля бесплатно Обучение html с нуля

3 54%

Обучение веб программированию с нуля бесплатно С для начинающих примеры

2 weeks ago

00:02:11

Обучение веб программированию с нуля бесплатно С для начинающих примеры

9 24%

React Email - Вёрстка адаптивных email на React JS

2 weeks ago

00:17:20

React Email - Вёрстка адаптивных email на React JS

1 68%

Создание сайтов - Адаптивный дизайн и верстка

2 weeks ago

00:00:12

Создание сайтов - Адаптивный дизайн и верстка

1 93%

0 Comments

Guest