Thinking on ways to solve CAROUSELS
24 391
8.8
Google Chrome Developers770 тыс
Следующее
28.07.22 – 39 4816:29Популярные
5 дней – 1 091 1510:54
Опубликовано 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
Свежие видео
7 дней – 1 4861:41
9 дней – 8 1150:09
10 дней – 3040:48
15 дней – 30 86915:21
20 дней – 4 7833:09Случайные видео
115 дней – 1251:24
16.07.23 – 1 9230:15
05.04.23 – 1 088 8123:01
21.01.23 – 1 776 1943:36:23
16.07.22 – 74 7337:39
04.05.17 – 1 38544:46
3 дня – 26216:22
4 дня – 7 1121:00
8 дней – 1 0680:24
8 дней – 6017:22
9 дней – 2 2162:02
9 дней – 13 5240:12
11 дней – 6080:49
11 часов – 41 28312:49
3 дня – 1301:05