dialog = the easiest way to make a popup modal

Ever needed to make a modal? Well, we have a native HTML element that does the job with the dialog element! It does a lot of things out of the box that are really awesome, so let’s see how it works! 🔗 Links ✅ Codepen: ✅ The polyfill: ✅ a11y modal: ✅ A great article that goes into a lot of detail on dialog: ✅ More info: ⌚ Timestamps 00:00 - Introduction 00:54 - What we’re starting with 01:22 - Adding the dialog element 03:07 - the show() method 03:48 - the showModal() method 04:20 - closing the modal with close() 05:00 - closing the modal with a for ... #Kevin_Powell #css #front-end #frontend #html #tutorial #css_modal #html_modal #html_dialog 20220317 TAB_v6yBXIE
Back to Top