Thinking on ways to solve DIALOG
39 956
9.1
Google Chrome Developers766 тыс
Следующее
21.04.22 – 52 5366:03Популярные
11 дней – 7 8144:07
88 дней – 1 9030:51Опубликовано 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
Свежие видео
4 дня – 1 3540:41
5 дней – 1 6700:15
9 дней – 995 4198:53
19 дней – 9851:00
20 дней – 123 1321:31
11 дней – 6610:25Случайные видео
26 дней – 8230:23
168 дней – 193 04949:40
09.07.23 – 13 5631:13
08.09.21 – 92 5659:52
17.01.20 – 8 5061:39
9 дней – 3 12938:03
3 дня – 1 7620:40
4 дня – 17 74127:30
8 дней – 3 2480:15
12 дней – 7 79520:10
17 дней – 1 6160:10
18 дней – 1 4441:49
1 день – 1 4324:52
2 дня – 3 3431:18