Вёрстка сайта с 0 до результата | HTML, SCSS, БЭМ Подробное ПОШАГОВОЕ объяснение | Часть 1

Uploaded By: Myvideo

Published on

1 Feb 2024

1 view

0

0 votes

0

About Share Download Add to

✏️ Первая часть мастер-класса по верстке лендинга по БЭМ методологии с применением препроцессора Sass на диалекте SCSS. Подготоавливаем файловую структуру, анализируем макет, готовим шрифты, миксины, медиазапросы, утилитарные и глобальные классы. Верстаем шапку, секции hero и services. 🔴 Timeline: ▶ 00:00 | Вступление ▶ 00:32 | Подготовка файловой структуры ▶ 02:32 | Нормализация стилей ▶ 04:30 | Анализ макета, заполнение глобальных CSS-переменных ▶ 09:45 | Подключение шрифтов ▶ 11:45 | Подготовка миксинов ▶ 16:09 | Миксины медиазапросов ▶ 21:22 | Утилитарные классы ▶ 23:27 | Глобальные стили ▶ 27:22 | Шапка страницы — разметка ▶ 36:02 | Шапка страницы — стилизация ▶ 43:02 | Шапка страницы — адаптация ▶ 56:50 | Секция Hero — разметка ▶ 01:02:52 | Секция Hero — с

Share with your friends

Link:

Embed:

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

МЯТЕЖ ПРИГОЖИНА глазами его участников. Все, что вы не знали о бунте главы ЧВК Вагнер

3 months ago

00:46:19

МЯТЕЖ ПРИГОЖИНА глазами его участников. Все, что вы не знали о бунте главы ЧВК Вагнер

1 45%

Мятеж Пригожина | Бунт, которого не было #минутавминуту (English subtitles) @Maxim_Katz

3 months ago

00:52:29

Мятеж Пригожина | Бунт, которого не было #минутавминуту (English subtitles) @Maxim_Katz

1 61%

Верстка сайта на ВордПресс блочная тема макет из Фигма

3 months ago

00:55:05

Верстка сайта на ВордПресс блочная тема макет из Фигма

1 68%

ВЕРА ВЕЧНА МУЖСКОЙ ХОР РУССКИЙ ФОРМАТ & АРХИДИАКОН КОНСТАНТИН БАРГАН & АРТЕМ ВАСИЛЕВИЧ

3 months ago

00:03:34

ВЕРА ВЕЧНА МУЖСКОЙ ХОР РУССКИЙ ФОРМАТ & АРХИДИАКОН КОНСТАНТИН БАРГАН & АРТЕМ ВАСИЛЕВИЧ

1 59%

HTML для начинающих: Базовый курс

3 months ago

00:57:37

HTML для начинающих: Базовый курс

1 7%

Контракт на смерть | Кто и зачем идёт воевать добровольно @Max_Katz

3 months ago

00:19:33

Контракт на смерть | Кто и зачем идёт воевать добровольно @Max_Katz

1 90%

Обзор нового сайта Мир АКПП (сайт для автовладельцев) по ремонту коробок автомат, вариатор, dsg

3 months ago

00:01:00

Обзор нового сайта Мир АКПП (сайт для автовладельцев) по ремонту коробок автомат, вариатор, dsg

1 87%

Обзор нового сайта Мир АКПП (сайт для автосервисов, и то) по ремонту коробок автомат, вариатор, dsg

3 months ago

00:00:54

Обзор нового сайта Мир АКПП (сайт для автосервисов, и то) по ремонту коробок автомат, вариатор, dsg

1 77%

Как ПТСР влияет на жизнь, помогает ли кетамин и почему военные скрывают свой диагноз

3 months ago

00:35:58

Как ПТСР влияет на жизнь, помогает ли кетамин и почему военные скрывают свой диагноз

1 18%

Старт курса по созданию и верстке сайтов. Организационные моменты. Открытый вебинар. г.

3 months ago

00:00:00

Старт курса по созданию и верстке сайтов. Организационные моменты. Открытый вебинар. г.

1 23%

Разработка сайта: Почему это может быть не для вас | Процесс разработки в GodKod

3 months ago

00:14:44

Разработка сайта: Почему это может быть не для вас | Процесс разработки в GodKod

5 37%

Новый дизайн главного экрана из библиотеки WebFlow - это просто!

3 months ago

00:14:16

Новый дизайн главного экрана из библиотеки WebFlow - это просто!

2 41%

Настройка и верстка форм в WebFlow. Пошаговая инструкция

3 months ago

00:12:11

Настройка и верстка форм в WebFlow. Пошаговая инструкция

1 18%

Как Создать Сайт Самому на Wordpress + Elementor Верстка сайта для начинающих Первый экран

3 months ago

00:52:15

Как Создать Сайт Самому на Wordpress + Elementor Верстка сайта для начинающих Первый экран

1 85%

Путин и взрывы домов в Москве. Резкий рост ВИЧ в армии РФ. ЧП на судне Академик Николай Страхов

3 months ago

00:53:36

Путин и взрывы домов в Москве. Резкий рост ВИЧ в армии РФ. ЧП на судне Академик Николай Страхов

1 95%

МОЛИТВА ПРЕП. СЕРГИЮ РАДОНЕЖСКОМУ МУЖСКОЙ ХОР РУССКИЙ ФОРМАТ & АРХИДИАКОН КОНСТАНТИН БАРГАН

3 months ago

00:04:42

МОЛИТВА ПРЕП. СЕРГИЮ РАДОНЕЖСКОМУ МУЖСКОЙ ХОР РУССКИЙ ФОРМАТ & АРХИДИАКОН КОНСТАНТИН БАРГАН

1 15%

Хаинрике Вход в пещеру Гекаты: о новой книге Синди Браннен

3 months ago

00:00:00

Хаинрике Вход в пещеру Гекаты: о новой книге Синди Браннен

1 82%

Необычные паттерны в веб-дизайне. Рефодушка с Артёмом Фёдоровым дизайн-директором Red Collar

3 months ago

01:06:52

Необычные паттерны в веб-дизайне. Рефодушка с Артёмом Фёдоровым дизайн-директором Red Collar

1 43%

Режим контуров (outline) в Фигме. Компоненты, маски, выравнивания. Фигма с нуля

3 months ago

00:30:41

Режим контуров (outline) в Фигме. Компоненты, маски, выравнивания. Фигма с нуля

1 52%

HTML верстка сайта каталога интернет магазина на Gulp сборке. Моб. адаптация. GitHub pages. Часть 2

4 months ago

05:19:31

HTML верстка сайта каталога интернет магазина на Gulp сборке. Моб. адаптация. GitHub pages. Часть 2

1 39%

Gulp сборка - полная инструкция. HTML, SCSS, JS, webpack, babel, webp, сжатие графики, авто-префиксы

4 months ago

02:48:53

Gulp сборка - полная инструкция. HTML, SCSS, JS, webpack, babel, webp, сжатие графики, авто-префиксы

3 65%

Вёрстка крутого сайта с нуля по макету Figma на Taptop. С разбором вопросов.

4 months ago

02:14:43

Вёрстка крутого сайта с нуля по макету Figma на Taptop. С разбором вопросов.

1 92%

Навального отравили в тюрьме Что происходит с сиротами в России. Рекламная кампания войны

4 months ago

00:32:31

Навального отравили в тюрьме Что происходит с сиротами в России. Рекламная кампания войны

1 60%

Как правильно учиться в IT - сфере. ТОП ошибок при обучении. Конкретный план обучения.

4 months ago

00:20:19

Как правильно учиться в IT - сфере. ТОП ошибок при обучении. Конкретный план обучения.

1 61%

0 Comments

Guest