The New dialog HTML Element Changes Modals Forever

Modals have been a part of web development for decades now, but they have always been a bit of a pain to work with. The main reason modals have been such a pain is because it is difficult to make a truly accessible modal that conforms to all accessibility standards. This is why the new HTML dialog element is so exciting. The dialog element makes it so much easier to create accessible modals, and in this video I will explain everything you need to know about the dialog element to use it in your next project.


📚 Materials/References:

My Blog: https://blog.webdevsimplified.com
Dialog Element Article: https://blog.webdevsimplified.com/2023-04/html-dialog


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:55 - The traditional way to make modals
02:45 - Using the dialog element
08:02 - Advanced dialog element use cases


#HTMLDialog #WDS #HTML

Тэги:

#webdevsimplified #html_dialog #dialog_element #html_dialog_element #css_modal #js_modal #javascript_modal #css_popup #html_popup #html_popup_element #js_popup #javascript_popup

Скачать видео