Thinking on ways to solve CAROUSELS

Thinking on ways to solve CAROUSELS

Share This Content
In today's GUI Challenge, @Adam Argyle 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