Thinking on ways to solve CAROUSELS
Channel: Chrome for Developers
Date: 2022-07-27

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 → https://goo.gle/3S60V1i  
Get the source → https://goo.gle/3n4Sfcg 

Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs 

#GUIchallenges #CSS #ChromeDeveloper