Thinking on ways to solve CAROUSELS

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 → Get the source → Watch more GUI Challenges → Subscribe to Google Chrome Developers → #GUIchallenges #CSS #ChromeDeveloper
Back to Top