Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Thinking on ways to solve DIALOG

Chrome for Developers
776K subscribers
<__slot-el>
<__slot-el>
40K views 2 years ago #CSS #GUIchallenges #ChromeDeveloper
In today's GUI Challenge, ‪@AdamArgyleInk‬ shows how to visually enhance the dialog element while maintaining great accessible and international UX. Chapters: 0:00 - Introduction 0:22 - Overview 0:53 - dialog UX Review 2:33 - dialog Markup 3:00 - Show/Hide 4:20 - Debugging Corner 5:38 - Adaptive color 6:09 - Layout 7:10 - Reduced Motion 8:30 - UX 9:55 - Custom events 11:00 - Scrollable 13:37 - International layout 14:52 - Recap 15:30 - Outro Resources: Read along → https://goo.gle/3E8K72W Try a demo → https://goo.gle/3viMNa6 Get the source → https://goo.gle/3jyxgxF Watch more GUI Challenges → https://goo.gle/GUIchallenges Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs #GUIchallenges #CSS #ChromeDeveloper ...more
...more
Thinking on ways to solve DIALOG
1.4KLikes
40,409Views
2022Apr 13
In today's GUI Challenge, ‪@AdamArgyleInk‬ shows how to visually enhance the dialog element while maintaining great accessible and international UX. Chapters: 0:00 - Introduction 0:22 - Overview 0:53 - dialog UX Review 2:33 - dialog Markup 3:00 - Show/Hide 4:20 - Debugging Corner 5:38 - Adaptive color 6:09 - Layout 7:10 - Reduced Motion 8:30 - UX 9:55 - Custom events 11:00 - Scrollable 13:37 - International layout 14:52 - Recap 15:30 - Outro Resources: Read along → https://goo.gle/3E8K72W Try a demo → https://goo.gle/3viMNa6 Get the source → https://goo.gle/3jyxgxF Watch more GUI Challenges → https://goo.gle/GUIchallenges Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs #GUIchallenges #CSS #ChromeDeveloper

Follow along using the transcript.

Chrome for Developers

776K subscribers