Thinking on ways to solve DIALOG
40 095
9.1
Google Chrome Developers771 тыс
Следующее
21.04.22 – 52 6676:03Популярные
201 день – 11 51914:27
216 дней – 6 7010:21Опубликовано 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
Свежие видео
10 дней – 78 7200:27
11 дней – 321 6672:08
11 дней – 2583:08
11 дней – 60 5277:30
12 дней – 651:09:33Случайные видео
176 дней – 482:45
11.08.23 – 9831:14
27.06.23 – 9 72018:59
23.10.22 – 10 7085:19
26.11.21 – 1 8281:22:54
24.06.12 – 167 67915:18
4 дня – 672:25
7 дней – 8 2413:27
10 дней – 5 50418:52
12 дней – 581:13:03
12 дней – 36112:29
14 дней – 2 2840:31
3 дня – 33 5155:14