The dialog element is awesome!

⭐️ learnhtmlcss.online/?...
⭐️ learnjavascript.online/?...
⭐️ learnprogramming.online/?utm_...
⭐️ react-tutorial.app/?...
📖 Adam Argyle's: build a dialog component: web.dev/building-a-dialog-com...
The `dialog` HTML element makes it easier than ever to create modal and non-modal dialogs.
This video explains the challenges we faced before this element. Then we discuss the differences between modal and non-modal use cases. In the modal use cases, we learn about the backdrop pseudo-element (::backdrop) and the Top layer!
---
0:00 - Intro
0:20 - Modal vs. Non-modal dialogs
0:51 - Challenges
2:29 - The dialog element
4:05 - Modal dialogs
6:02 - Top Layer
7:49 - Outro
audio id VC98E5K5TSPKCAUB

[@brianestrada5128]

Thanks Jad! Super helpful! Shame on me for forgetting there is a section on this in your course I finished!😅

[@JadJoubran]

Ah yes chapter 135! Haha, I also forgot for a second

[@justinevanhees6257]

Thank you very much!

[@betoreina]

Amazing video, very clear and helpful!

[@JadJoubran]

Thanks Robert!

[@dng6095]

I am eagerly waiting for the stacking context (z index) video as mentioned in the HTML course. That particular topic is quite confusing for me. I bought all your courses, it's amazing. Learned so much in last 6 months from your courses.

[@JadJoubran]

Thank you! That's great to hear! If you want, you can watch this presentation in the meantime th-cam.com/video/W8yF76MUHB4/w-d-xo.html ;)

[@ryo_5748]

Your T-shirt is nice.

[@JadJoubran]

Thanks!

[@spyrosp]

Welcome back sir 😀

[@JadJoubran]

Thanks Spyros! It took a while to set up the new studio (which still needs improvement!)

[@justinevanhees6257]

Where’s your cat?

[@JadJoubran]

Sleeping!