New HTML <dialog> tag: An absolute game changer

Frontend dev will never be the same with the new <dialog> tag…

❌Before:

See how much work it would have taken me to create a dialog 👇

Almost 20 lines of CSS alone:

And that’s just CSS for the dialog functionality — it will still look very basic:

But how about with the new <dialog> tag!

✅ Now:

We can even use the show() method to show a non-modal dialog -- less intrusive with no backdrop: