google-chrome 5 months ago

Thinking on ways to solve Dialog

In today's GUI Challenge, @Adam Argyle shows how to visually enhance the dialog element while maintaining great accessible and international UX.

00:00 - Introduction

00:22 - Overview

00:53 - dialog UX Review

02:33 - dialog Markup

03:00 - Show/Hide

04:20 - Debugging Corner

05:38 - Adaptive color

06:09 - Layout

07:10 - Reduced Motion

08:30 - UX

09:55 - Custom events

11:00 - Scrollable

13:37 - International layout

14:52 - Recap

15:30 - Outro


https://github.com/argyleink/gui-challenges/tree/main/dialog

Google