Exploring the HTML Dialog Element

Опубликовано: 25 Февраль 2024
на канале: manfra․io

169

In this video, we're gonna explore the native HTML dialog element.
We're gonna see functions and attributes that the dialog element offers, and many other features like events, watching for changes on the dialog element attributes using JavaScript Mutation Observer, animations, how to use the dialog with a form, how to close when clicking outside the dialog and much more, with just few CSS and JavaScript.

⏱️Timestamps:

00:00 - Traditional way to make dialogs
03:55 - Using the dialog element
10:25 - Handling open event listener
12:09 - Closing dialog when clicking outside
15:45 - Adding a form
18:07 - Adding animations

🔗 GitHub Repository:

https://github.com/manfraio/html_dial...

Смотрите видео Exploring the HTML Dialog Element онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь manfra․io 25 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 169 раз и оно понравилось 6 людям.

569