Thinking on ways to solve SPLIT BUTTONS
24 545
10.3
Google Chrome Developers766 тыс
Следующее
14.09.21 – 23 03925:17Популярные
251 день – 13 9194:11
17.11.23 – 3591:31Опубликовано 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
Свежие видео
5 дней – 13 0970:27
5 дней – 6 4861:00
7 дней – 5390:37
7 дней – 599 7140:15
10 дней – 5 0861:45Случайные видео
19 дней – 25 6492:30
24 дня – 632 3161:06
233 дня – 1 281 67232:46
18.05.21 – 63 45713:37
03.02.21 – 24 5877:34
14.02.07 – 173 7821:03
3 дня – 2460:24
4 дня – 7 9301:00
4 дня – 6560:25
4 дня – 331:44
5 дней – 1 4241:24
5 дней – 8830:32
6 дней – 1070:27
3 дня – 3 2261:20
4 дня – 10 7791:05