Thinking on ways to solve DIALOG
37 833
8.9
Google Chrome Developers739 тыс
Следующее
21.04.22 – 51 8026:03Популярные
1 день – 7 5383:56
152 дня – 1306:10Опубликовано 13 апреля 2022, 17:05
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 → goo.gle/3E8K72W
Try a demo → goo.gle/3viMNa6
Get the source → goo.gle/3jyxgxF
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper
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 → goo.gle/3E8K72W
Try a demo → goo.gle/3viMNa6
Get the source → goo.gle/3jyxgxF
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper
Свежие видео
1 день – 2028:36
1 день – 34 85313:50
2 дня – 4189:20
2 дня – 1 7861:34
57 дней – 5961:15Случайные видео
174 дня – 7 8111:00
296 дней – 6 4501:18
19.01.23 – 463 86813:23
17.09.22 – 19 6490:40
20 дней – 1 5883:36
22 часа – 1120:47
1 день – 931:12
2 дня – 4681:49
5 дней – 2 2660:40
5 дней – 2321:10
11 часов – 1084:32
11 часов – 546:46