Thinking on ways to solve SPLIT BUTTONS
24 504
10.2
Google Chrome Developers763 тыс
Следующее
14.09.21 – 22 95625:17Популярные
15 дней – 1 1690:25
71 день – 2 94038:02Опубликовано 8 сентября 2021, 23:00
In today's GUI challenge I share my thinking on a way to solve split buttons. A staple component for condensed interfaces, it allows a single button to feature secondary actions. Lots of great tips about theming, shadows, color, layouts, interaction UX, and more.
Chapters:
0:00 - Introduction
0:24 - Overview
1:40 - Light & Dark
3:37 - Shadows
5:45 - SVG Tips
7:12 - States
10:20 - Keyboard UX
11:41 - Reduced Motion UX
13:20 - Screen Reader UX
14:13 - Right-to-left UX
15:58 - Flexbox Layouts
18:51 - JavaScript
21:22 - Outro
Resources:
Read along → goo.gle/3BNn23o
Try a demo → goo.gle/3l92efU
Get the source → goo.gle/3n4Sfcg
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gl/LLLNvf
#GUIchallenges #CSS #ChromeDeveloper
Chapters:
0:00 - Introduction
0:24 - Overview
1:40 - Light & Dark
3:37 - Shadows
5:45 - SVG Tips
7:12 - States
10:20 - Keyboard UX
11:41 - Reduced Motion UX
13:20 - Screen Reader UX
14:13 - Right-to-left UX
15:58 - Flexbox Layouts
18:51 - JavaScript
21:22 - Outro
Resources:
Read along → goo.gle/3BNn23o
Try a demo → goo.gle/3l92efU
Get the source → goo.gle/3n4Sfcg
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gl/LLLNvf
#GUIchallenges #CSS #ChromeDeveloper
Свежие видео
3 дня – 4110:33
3 дня – 5500:26
5 дней – 6210:23
7 дней – 7551:31
8 дней – 3 06358:23
9 дней – 160 5043:01Случайные видео
61 день – 9 6410:30
65 дней – 6 4051:59
16.06.23 – 764:35
12.05.23 – 8120:56
03.01.22 – 6 6551:23
06.09.18 – 1 3871:22:49
3 дня – 6080:48
4 дня – 1 0510:16
8 дней – 3580:30
8 дней – 7750:19
9 дней – 8940:13
15 дней – 01:03:41
18 часов – 350:52
