Адаптивная верстка сайта с нуля по макету из Figma #16 Модальное окно на Materialize

Uploaded By: Myvideo

Published on

24 Jun 2022

5 views

0

0 votes

0

About Share Download Add to

Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS. В этом уроке мы создадим интерактивное модальное окно на сайте с помощью фреймворка Materialize. Этот урок будет полезен если вы только начинаете изучать фреймворк Materialize, но не является подробной инструкцией по фреймворку. В следующем уроке мы сделаем галерею изображений так же используя Materialize. ⚡️ Скачать готовый код вёрстки сайта из курса “Верстка сайта с нуля по макету из Figma“: 00:00 О чем этот урок 00:36 Курс Frontend разработчик 02:06 Благодарности 02:29 Создаем мода

Share with your friends

Link:

Embed:

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

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

5 months ago

03:55:52

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

1 24%

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

5 months ago

00:28:35

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

2 36%

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

6 months ago

00:25:11

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

1 43%

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

6 months ago

00:11:36

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

1 87%

Полный курс HTML & CSS за 6 часов

6 months ago

06:38:50

Полный курс HTML & CSS за 6 часов

1 5%

#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета

6 months ago

00:35:30

#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета

1 59%

Open Server 6.0 - Как создать проект. Как использовать Apache

6 months ago

00:05:02

Open Server 6.0 - Как создать проект. Как использовать Apache

158 34%

Интенсивныи курс адаптивная верстка сайта за 15 минут! html css

7 months ago

00:16:13

Интенсивныи курс адаптивная верстка сайта за 15 минут! html css

1 31%

Как новичку создать красивый сайт | Подробный урок

7 months ago

01:49:10

Как новичку создать красивый сайт | Подробный урок

1 9%

Адаптивная верстка сайта для начинающих. HTML, CSS, Bootstrap, Figma (шаблон Coffee)

7 months ago

03:59:43

Адаптивная верстка сайта для начинающих. HTML, CSS, Bootstrap, Figma (шаблон Coffee)

1 76%

Как сделать НАТИВНЫЙ UI на Flutter | Cupertino и Material | Пересборка №15

8 months ago

00:50:53

Как сделать НАТИВНЫЙ UI на Flutter | Cupertino и Material | Пересборка №15

1 90%

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! ENG SUBS

8 months ago

00:36:44

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! ENG SUBS

1 64%

7.Создаем сайт с эффектом параллакс используя HTML,CSS #webdevelopment #web #HTML #css #parallax

9 months ago

00:16:35

7.Создаем сайт с эффектом параллакс используя HTML,CSS #webdevelopment #web #HTML #css #parallax

1 55%

CSS EM REM и прочие единицы измерения CSS. Что когда использовать Подробное объяснение на практике.

9 months ago

00:41:17

CSS EM REM и прочие единицы измерения CSS. Что когда использовать Подробное объяснение на практике.

1 70%

Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150

9 months ago

04:29:35

Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150

1 12%

Анализируем новый макет в #Figma глазами разработчика

9 months ago

00:11:41

Анализируем новый макет в #Figma глазами разработчика

1 83%

Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)

9 months ago

00:35:13

Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)

1 73%

Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O

9 months ago

00:13:02

Обзор Flutter | Идем в Web c WebAssembly и Макросы | Что показали на Google I/O

3 90%

Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS

10 months ago

01:39:26

Верстка сайта для начинающих. Подробное объяснения. Часть 1 Подготовка и верстка шапки на HTML и CSS

1 13%

Основы вёрстки HTML+CSS | Базовые принципы работы с CSS и HTML на практике

10 months ago

04:20:05

Основы вёрстки HTML+CSS | Базовые принципы работы с CSS и HTML на практике

1 50%

Адаптивность без media (clamp) #shorts #adaptive #webpage #htmlcss #javascript #css3 #coder #кодинг

10 months ago

00:01:00

Адаптивность без media (clamp) #shorts #adaptive #webpage #htmlcss #javascript #css3 #coder #кодинг

1 85%

CSS GRID СЕТКА САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков

10 months ago

01:07:20

CSS GRID СЕТКА САМЫЙ ПОНЯТНЫЙ И ПОЛНЫЙ УРОК! Верстка для новичков

1 28%

#3 Плагин Perfect Pixel, Верстаем по макету из Figma

10 months ago

00:10:16

#3 Плагин Perfect Pixel, Верстаем по макету из Figma

8 45%

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

10 months ago

04:42:31

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

41 11%

0 Comments

Guest