Продвинутая верстка Урок 9. Модальное окно на чистом HTML с помощью тега dialog
Разберёмся с тегом dialog. Узнаем как создавать модальные окна, а так же открывать и закрывать их по клику на кнопку.
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
💬 Присоединяйся к нашему чату веб-разработчиков:
❤️ Сохраняй плейлисты с теорией, тестами и практическими заданиями:
1️⃣ Уроки по основам HTML и CSS:
2️⃣ Уроки по продвинутой вёрстке:
💙 Мы в VK:
Данный курс будет полезен всем продолжающим веб-разработчикам, которые хотят узнать больше о создании сайтов и о продвинутой верстке сайта на HTML и CSS. В ходе обучения теория будет сопровождаться презентацией, а для закрепления материала в сможете проходить тесты и практические задания.
Таймкоды:
00:00 О чём это видео
00:10 Как делались раньше модальные окна
00:45 Для чего нужен dialog
01:02 Как создать модальное окно
01:22 Плюсы тега dialog
02:00 Как открыть модальное окно
04:20 Как закрыть модальное окно
05:03 Подведем итоги
06:10 Что будет дальше.
1 view
817
233
2 weeks ago 00:45:08 5
Что такое AMP + интерактивные механики в письмах
2 weeks ago 00:01:44 1
Пользовательские переменные: как создать и добавить в письмо [Mailganer]
2 weeks ago 01:28:22 1.4K
4 способа верстки на Тильде: Grid, Window, Autoscale, Breakpoints. Плюсы, минусы, какой выбрать.
3 weeks ago 00:21:51 11
Как сделать игру ’VERSUS TOP’ с нуля! HTML, CSS, JavaScript
4 weeks ago 01:04:41 15
HTML для новичков с нуля! (Часть 2)
1 month ago 00:03:32 103
Документация - создание сайтов | Создание сайтов для малого и среднего бизнеса
2 months ago 00:48:56 3
Математические основы Auto Layout / Антон Сергеев (Яндекс)
2 months ago 00:07:17 5
Better Comments. Продвинутые комментарии в Visual Studio Code
2 months ago 00:08:08 4
17 — Вебвизор и карта кликов при SEO продвижении сайтов — аналитика поведения пользователей
2 months ago 00:53:08 3
Как использовать Mailganer эффективно: разбор возможностей платформы
2 months ago 00:04:51 29
[Продвинутая верстка] Урок 1. Типы селекторов и комбинаторы CSS
2 months ago 00:04:13 68
[Продвинутая верстка] Урок 2. Теги цитат (cite, q, blockquote) и адреса (address)
1 month ago 00:05:28 7
[Продвинутая верстка] Урок 3. Таблицы в HTML. Верстка сайта таблицами.
1 month ago 00:03:09 5
[Продвинутая верстка] Урок 4. Логические свойства в CSS
4 weeks ago 00:05:42 9
[Продвинутая верстка] Урок 5. Метатеги в head. Теги meta. Миниатюрная иконка для сайта (favicon).
3 weeks ago 00:07:08 1
[Продвинутая верстка] Урок 6. Всё о локальных шрифтах на сайте.