Вёрстка адаптивного сайта для новичков по БЭМ с адаптивностью

Uploaded By: Myvideo

Published on

15 Jan 2024

1 view

0

0 votes

0

About Share Download Add to

В этом видео я показываю вёрстка сайта по готовому макету. Использую 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 - Футер

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/YUFJMWJFV0N0R3JRYXA5dS9mZ2t1V3U3djZYQ3psYTlpNXlHdTZNY2ZXVT0" 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

Java обучение онлайн

2 days ago

00:02:11

Java обучение онлайн

1 24%

Одна строка CSS кода для адаптивных плиток (CSS Masonry)

1 week ago

00:08:49

Одна строка CSS кода для адаптивных плиток (CSS Masonry)

938 29%

Обзор интерфейса FlutterFlow: как работать на no-code платформе

2 weeks ago

00:09:41

Обзор интерфейса FlutterFlow: как работать на no-code платформе

61 91%

КАК АДАПТИРОВАТЬ ДИЗАЙН САЙТА В FIGMA

2 weeks ago

00:26:41

КАК АДАПТИРОВАТЬ ДИЗАЙН САЙТА В FIGMA

45 47%

CSS Grid: Как ускорить вёрстку в 2 раза Использование грид-сетки в Taptop.

4 weeks ago

01:38:03

CSS Grid: Как ускорить вёрстку в 2 раза Использование грид-сетки в Taptop.

292 51%

Portfolio Designer 7 - Адаптация сайта под телефон, программирование бургер меню, плавная прокрутка

1 month ago

01:02:51

Portfolio Designer 7 - Адаптация сайта под телефон, программирование бургер меню, плавная прокрутка

95 76%

Обучение , с нуля до про. Часть 1 из 2 | nocode монстр

1 month ago

00:56:33

Обучение , с нуля до про. Часть 1 из 2 | nocode монстр

15 60%

ОБУЧЕНИЕ ВЕРСТКЕ САЙТОВ В ЯРОСЛАВЛЕ ВИДЕО УРОКИ ПО ПРОГРАММИРОВАНИЮ

1 month ago

00:02:11

ОБУЧЕНИЕ ВЕРСТКЕ САЙТОВ В ЯРОСЛАВЛЕ ВИДЕО УРОКИ ПО ПРОГРАММИРОВАНИЮ

1 60%

24. Адаптивная верстка страницы контактов

1 month ago

00:01:47

24. Адаптивная верстка страницы контактов

1 44%

23. Адаптивная верстка страницы О компании

1 month ago

00:05:31

23. Адаптивная верстка страницы О компании

1 67%

22. Адаптивная верстка страницы корзины

1 month ago

00:15:21

22. Адаптивная верстка страницы корзины

1 88%

21. Адаптивная верстка страницы товара

1 month ago

00:04:17

21. Адаптивная верстка страницы товара

1 74%

20. Адаптивная верстка страницы каталога

1 month ago

00:12:14

20. Адаптивная верстка страницы каталога

2 73%

18.5. Адаптивная верстка главной страницы

1 month ago

00:13:28

18.5. Адаптивная верстка главной страницы

3 76%

18.4. Адаптивная верстка главной страницы

1 month ago

00:08:42

18.4. Адаптивная верстка главной страницы

1 56%

18.3. Адаптивная верстка главной страницы

1 month ago

00:11:24

18.3. Адаптивная верстка главной страницы

1 63%

18.2. Адаптивная верстка главной страницы

1 month ago

00:08:52

18.2. Адаптивная верстка главной страницы

1 17%

18.1. Адаптивная верстка главной страницы

1 month ago

00:10:03

18.1. Адаптивная верстка главной страницы

1 91%

17. Адаптивная верстка шапки сайта

1 month ago

00:13:35

17. Адаптивная верстка шапки сайта

2 28%

16. Введение в адаптивную верстку

1 month ago

00:05:32

16. Введение в адаптивную верстку

1 9%

Portfolio Designer 6 - Адаптация сайта под планшет (адаптив desktop first)

1 month ago

00:51:08

Portfolio Designer 6 - Адаптация сайта под планшет (адаптив desktop first)

14 14%

КУРСЫ ПО WEB РАЗРАБОТКЕ ФРОНТЕНД РАЗРАБОТЧИК КУРСЫ ЦЕНА

1 month ago

00:02:11

КУРСЫ ПО WEB РАЗРАБОТКЕ ФРОНТЕНД РАЗРАБОТЧИК КУРСЫ ЦЕНА

1 65%

Portfolio Designer 5 - Верстка секций Contact и Footer на Flexbox по БЭМ.

2 months ago

00:34:42

Portfolio Designer 5 - Верстка секций Contact и Footer на Flexbox по БЭМ.

22 46%

Адаптивный сайт / Дмитрий Шагаров (Tutmee Agency)

2 months ago

00:48:45

Адаптивный сайт / Дмитрий Шагаров (Tutmee Agency)

1 21%

0 Comments

Guest