Thinking on ways to solve CAROUSELS
23 207
8.6
Google Chrome Developers739 тыс
Следующее
28.07.22 – 39 3126:29Популярные
41 день – 3 7380:42
Опубликовано 27 июля 2022, 22:00
In today's GUI Challenge, @AdamArgyleInk shares the features and aspects of a carousel component: adaptive theming, adaptive to various user input types, adaptive to author time options, and adaptive to user preferences. All these while looking great, including animation (with reduced motion of course) and flexibility for all your use cases.
Chapters:
0:00 - Introduction
0:30 - Overview
3:50 - Not Included
6:28 - Grid Overlay
6:58 - State Machine
8:49 - Debugging Corner
9:48 - Forced Colors
11:58 - Keyboard & Accessibility
16:00 - Accessibility vs Usability
17:48 - HTML
20:13 - Layout Shift Mitigation
22:04 - ARIA Decorations
26:50 - Outro
Resources:
Try a demo → goo.gle/3S60V1i
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:30 - Overview
3:50 - Not Included
6:28 - Grid Overlay
6:58 - State Machine
8:49 - Debugging Corner
9:48 - Forced Colors
11:58 - Keyboard & Accessibility
16:00 - Accessibility vs Usability
17:48 - HTML
20:13 - Layout Shift Mitigation
22:04 - ARIA Decorations
26:50 - Outro
Resources:
Try a demo → goo.gle/3S60V1i
Get the source → goo.gle/3n4Sfcg
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GUIchallenges #CSS #ChromeDeveloper
Свежие видео
8 дней – 2 7541:12
10 дней – 17 8410:35
12 дней – 6 0750:18
13 дней – 8 9864:44
14 дней – 75 5788:20
15 дней – 4 0341:23Случайные видео
55 дней – 21 78037:41
120 дней – 1 9854:08
10.10.22 – 1 0501:25
22.12.21 – 25 44348:55
06.08.21 – 1 061 1863:25
27.10.19 – 814 5726:36
47 мин – 5996:10
1 день – 48 36547:57
1 день – 2225:18
1 день – 1133:35
2 дня – 1 99714:05
2 дня – 3 9872:10
3 дня – 16 0190:46