Thinking on ways to solve SPLIT BUTTONS
24 110
10.1
Google Chrome Developers741 тыс
Следующее
14.09.21 – 22 21425:17Популярные
Опубликовано 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 дня – 79827:50
15 дней – 6950:16
16 дней – 21 95113:33
16 дней – 12 5756:10Случайные видео
155 дней – 2 0150:57
255 дней – 6980:18
10.04.23 – 2 9710:39
01.04.23 – 1 023 7424:26:03
10.06.21 – 12 7581:12:13
04.11.11 – 14 7035:41
13 часов – 8165:10
2 дня – 5 9850:52
4 дня – 10 7046:32
4 дня – 1160:31
8 дней – 1 53210:19
11 дней – 21 4010:40
2 дня – 15 91529:37
2 дня – 12 6150:59