Search

Nalezeno "dialog": 24

Invoker Commands: Additional Ways to Work With Dialog, Popover… and More?

20.11.2024
Web browsers are experimenting with two HTML attributes — technically, they’re called “invoker commands” — that are designed to invoke popovers, dialogs, and further down the line, all kinds of actions without writing JavaScript. Although, if you do reach for JavaScript, the new attributes come...

The Different (and Modern) Ways to Toggle Content

8.11.2024
Let’s spend some time looking at disclosures, the Dialog API, the Popover API, and more. We’ll look at the right time to use each one depending on your needs. Modal or non-modal? JavaScript or pure HTML/CSS? Not sure? Don’t worry, we’ll go into all that. The Different (and Modern) Ways...

Tooltip Best Practices

29.10.2024
What are tooltips, exactly? There's two kinds and the one you use has implications on the user experience, as Zell illustrates in this explainer on best practices. Tooltip Best Practices originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

Clarifying the Relationship Between Popovers and Dialogs

23.10.2024
The difference between Popovers (i.e., the popover attribute) and Dialogs (i.e., both the <dialog element and the dialog accessible role) is incredibly confusing — so much that many articles (like this, this, and this) have tried to … Clarifying the Relationship Between Popovers...

Everything We Know About Starfield’s Dialogue And Traits System So Far

13.10.2022
Doom publisher Bethesda’s star-spotted, belly-bloated role-playing game Starfield is delayed to 2023, but game director and executive producer Todd Howard shared details of its dialogue and traits system in a Q&A video released this week. Howard says in the video that he considers Starfield...

Další prvek z nové éry. Windows 11 ukazují dialog „Otevřít v programu“

4.7.2022
Oficiálně Windows 11 Insider Preview build 25151 nepřináší žádnou novou funkci, ale jen pár oprav. Softwarový vývoj neznamená, že s každým sestavením přijdou funkční změny, připomíná Jen Gentleman. Jenže minimálně jednu novinku uvedené sestavení obsahuje, jen je zatím skrytá. Jak upozornil

Dialog Components: Go Native HTML or Roll Your Own?

23.5.2022
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 … Dialog Components: Go Native HTML or Roll Your Own? originally published...

Add a CSS Lens Flare to Photos for a Bright Touch

12.4.2022
I’m a big fan of movies by J.J. Abrams. I enjoy their tight plots, quippy dialog, and of course: anamorphic lens flares. Filmmakers like Abrams use lens flare to add a dash of ‘homemade’ realism to their movies, … Add a CSS Lens Flare to Photos for a Bright Touch originally...

Replace JavaScript Dialogs With the New HTML Dialog Element

8.2.2022
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. Let me explain. I recently worked on a project with a lot of … Replace JavaScript Dialogs With the New HTML Dialog...

How to Implement and Style the Dialog Element

27.10.2021
A look from Christian Kozalla on the <dialog> HTML element and using it to create a nice-looking and accessible modal. CodePen Embed Fallback I’m attracted to the <dialog> element as it’s one of those “you get a lot for free” … The post How...

How to Implement and Style the Dialog Element

6.10.2021
Go in-depth on the native dialog HTML element with this tutorial and learn how to implement a user-friendly, accessible dialog on your website. The post How to Implement and Style the Dialog Element appeared first on Codrops

Choice Words about the Upcoming Deprecation of JavaScript Dialogs

9.8.2021
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 … The post Choice Words about the Upcoming Deprecation of JavaScript...

Collective #672

29.7.2021
Scroll-Linked Animations in CSS * Accessible Dialog * Slinkity * Is it Time to Ditch the Design Grid? The post Collective #672 appeared first on Codrops

HTML: The Inaccessible Parts

29.2.2020
<input type="number", <input type="date", <input type="search", <select multiple, <progress, <meter, <dialog, <details<summary, <video, <div onclick, <div aria-label, <a href<divBlock Links</div</a, aria-controls...

Some Hands-On with the HTML Dialog Element

7.10.2019
This is me looking at the HTML <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 for you if you should use it in production on your sites, but I'd think it's starting...

UX Considerations for Web Sharing

20.9.2019
From trashy clickbait sites to the most august of publications, share buttons have long been ubiquitous across the web. And yet it is arguable that these buttons aren’t needed. All mobile browsers — Firefox, Edge, Safari, Chrome, Opera Mini, UC Browser, Samsung Internet — make it easy to share...

How to Use the Web Share API

6.6.2019
The Web Share API is one that has seemingly gone under the radar since it was first introduced in Chrome 61 for Android. In essence, it provides a way to trigger the native share dialog of a device (or desktop, if using Safari) when sharing content — say a link or a contact card — directly from...

Prevent Page Scrolling When a Modal is Open

3.6.2019
Please stop me if you've heard this one before. You open a modal, scroll through it, close it, and wind up somewhere else on the page than you were when you opened the modal. That's because modals are elements on a page just like any other. It may stay in place (assuming that's what it's meant...

Encapsulating Style and Structure with Shadow DOM

21.3.2019
This is part four of a five-part series discussing the Web Components specifications. In part one, we took a 10,000-foot view of the specifications and what they do. In part two, we set out to build a custom modal dialog and created the HTML template for what would evolve into our very own custom...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace