As the author of a library called AgnosticUI, I’m always on the lookout for new components. And recently, I decided to dig in and start work on a new dialog (aka modal) component. That’s something many devs like to …
You know how there are JavaScript dialogs for alerting, confirming, and prompting user actions? Say you want to replace JavaScript dialogs with the new HTML dialog element.…
A look from Christian Kozalla on the <dialog> HTML element and using it to create a nice-looking and accessible modal. …
It might be the very first thing a lot of people learn in JavaScript:
alert("Hello, World");One day at CodePen, we woke up to a ton of customer support tickets about their Pens being broken, which ultimately boiled down to …
This is me looking at the HTML <dialog></dialog> element for the first time. I’ve been aware of it for a while, but haven’t taken it for a spin yet. It has some pretty cool and compelling features. I can’t decide …
Chris Manning digs into <dialog>:
…A dialog element provides:
- An element that is easy to show and hide, including an
openboolean attribute on the element itself.- Two versions: a standard popover or modal version.
- A ::backdrop pseudo-element for modal
I recently read this article by Keith Grant which introduced the newly arrived <dialog. Excited by this new UI element, I immediately sat down to experiment with it to see how it can be used effectively as a modal …
Keith Grant discusses how HTML 5.2 has introduced a peculiar new element: <dialog>. This is an absolutely positioned and horizontally centered modal that appears on top of other content on a page. Keith looks at how to style this …
A modal. A small box that pops up to tell you something important. How hard can it be? Wellllll. Medium hard, I’d say. There’s quite a few considerations and a few tricky things to get just right. Let us count …
