Thinking on ways to solve SWITCHES
19 250
9.7
Google Chrome Developers770 тыс
Следующее
11.08.21 – 10 1335:48Популярные
27 дней – 69716:18
71 день – 9180:29Опубликовано 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
Свежие видео
8 дней – 3951:58
9 дней – 1 375 1500:58
11 дней – 6 4439:19
13 дней – 1 9620:58
Случайные видео
106 дней – 2 2651:54
331 день – 422 5070:55
348 дней – 15 28934:43
08.01.21 – 107 70811:11
14.03.15 – 343 5011:40
5 дней – 11 9770:20
7 дней – 1 551 35710:34
14 дней – 46 5280:39
19 дней – 5 6720:43
20 дней – 10 8190:41
21 день – 1120:35
2 дня – 1770:11
3 дня – 30430:45