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