Thinking on ways to solve FABs
13 667
9
Google Chrome Developers764 тыс
Следующее
30.06.22 – 14 8263:25Популярные
44 дня – 1 1380:59
175 дней – 15 21215:40Опубликовано 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
Свежие видео
3 дня – 12 99118:09
3 дня – 1382:25
8 дней – 1 8540:33
9 дней – 710:48
10 дней – 1621:58
Случайные видео
346 дней – 1 8761:45
12.01.23 – 10 66236:11
11.01.23 – 82 5255:08
27.12.22 – 3 34010:19
03.12.22 – 11 77711:08
01.05.07 – 63 4833:21
10 часов – 1 06521:17
1 день – 49 8826:32
3 дня – 2 5076:02
6 дней – 1 6631:00
6 дней – 4770:52
6 дней – 88 70735:06
16 дней – 10 73151:40
7 часов – 4911:02
1 день – 4110:19