Thinking on ways to solve SWITCHES
18 982
9.5
Google Chrome Developers750 тыс
Следующее
11.08.21 – 9 4245:48Популярные
279 дней – 15 6521:00
10.05.23 – 16 35915:19Опубликовано 11 августа 2021, 17:00
In today's GUI challenge I share my thinking on a way to solve a switch. A tiny, UX packed component that ended up being one of the most involved challenges so far. Tons of great layouts, accessibility, animations and interactions to share, which means tons of places for you to have a style preference 😉
Chapters:
0:00 - Introduction
1:15 - States
2:05 - Interactions
2:45 - Screen reader
3:14 - Touch
4:10 - Hover
5:07 - RTL
5:56 - CSS/JS not required
7:00 - Vertical variant
9:14 - Flexbox
10:39 - Grid
12:10 - Overrides
15:38 - Javascript
18:15 - Outro
Resources:
Read along → goo.gle/3xBYGHy
Try a demo → goo.gle/2VJLVO0
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
1:15 - States
2:05 - Interactions
2:45 - Screen reader
3:14 - Touch
4:10 - Hover
5:07 - RTL
5:56 - CSS/JS not required
7:00 - Vertical variant
9:14 - Flexbox
10:39 - Grid
12:10 - Overrides
15:38 - Javascript
18:15 - Outro
Resources:
Read along → goo.gle/3xBYGHy
Try a demo → goo.gle/2VJLVO0
Get the source → goo.gle/3n4Sfcg
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gl/LLLNvf
#GUIchallenges #CSS #ChromeDeveloper
Свежие видео
4 дня – 21344:32
5 дней – 5280:23
6 дней – 13 0681:52:44
9 дней – 1421:04
Случайные видео
76 дней – 1 071 95145:30
315 дней – 58 2432:45
28.08.22 – 3 258 01229:22
15.02.21 – 19 2285:01
15.03.20 – 91 8458:41
19.12.19 – 17 4981:50:07
12 часов – 600:40
5 дней – 2 9840:28
7 дней – 4 8271:02:07
7 дней – 11 3643:08
8 дней – 54 6761:27
9 дней – 1 1483:10
15 часов – 3244:34
3 дня – 2 9400:11