In today’s GUI challenge, @Adam Argyle shares thinking on ways to create inline scrolling experiences for the web that are minimal, responsive, accessible and work across browsers and platforms (like TVs!).
Chapters:
- 0:00 - Introduction
- 0:20 - Component demo
- 1:22 - Cross browser demos
- 4:05 - International layout
- 5:15 - Debug Tooling
- 6:56 - Prefers reduced data
- 8:47 - Prefers reduced motion
- 10:57 - Roving UX
- 12:45 - aspect-ratio
- 14:11 - Conclusion
Resources:
- Read along → https://goo.gle/2SJY4km
- Try a demo → https://goo.gle/33AzdkX
- Get the source → https://goo.gle/3n4Sfcg
- Follow Adam on Twitter → https://goo.gle/2RId4P1
- More on roving-index from Rob Dodson → https://goo.gle/3tFkdNp
- More on logical properties on web.dev → https://goo.gle/3uJOvQi
- What's new in DevTools 91 → https://goo.gle/3eLof2N
Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → http://goo.gl/LLLNvf