Thinking on ways to solve FABs
13 682
9
Google Chrome Developers766 тыс
Следующее
30.06.22 – 14 8503:25Популярные
106 дней – 3 3518:10
148 дней – 33 6767:30Опубликовано 29 июня 2022, 17:01
In today's GUI Challenge, @AdamArgyleInk builds a couple of floating action buttons (FABs) and talks about the UX and CSS considerations for fixed position buttons on the web.
Chapters:
0:00 - Introduction
0:43 - Logical Properties
1:50 - Accessibility Tree
3:18 - FAB Group
4:41 - Focus Order vs Document Order
6:21 - .fabs CSS
7:16 - .fab CSS
12:54 - Animation
14:02 - Outro
Resources:
Try a demo → goo.gle/3IgJEhr
Get the source → goo.gle/3n4Sfcg
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper
Chapters:
0:00 - Introduction
0:43 - Logical Properties
1:50 - Accessibility Tree
3:18 - FAB Group
4:41 - Focus Order vs Document Order
6:21 - .fabs CSS
7:16 - .fab CSS
12:54 - Animation
14:02 - Outro
Resources:
Try a demo → goo.gle/3IgJEhr
Get the source → goo.gle/3n4Sfcg
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper
Свежие видео
2 дня – 6030:49
2 дня – 2690:47
3 дня – 10 8282:36
4 дня – 5960:32
5 дней – 34 4349:24
297 дней – 3 72321:32Случайные видео
339 дней – 42 6060:11
30.01.23 – 1 36453:53
15.11.21 – 36 29318:04
05.09.20 – 145 1784:14
19.04.11 – 55 3016:35
1 день – 2 8281:18
4 часа – 6320:54
2 дня – 41 68415:27
3 дня – 289 1640:57
6 дней – 7010:51
8 дней – 1091:11
10 дней – 4 9370:21
14 дней – 4 7411:31
4 часа – 1141:30
15 часов – 241:45