Thinking on ways to solve a MEDIA SCROLLER

Опубликовано 12 мая 2021, 17:06

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 → goo.gle/2SJY4km
Try a demo → goo.gle/33AzdkX
Get the source → goo.gle/3n4Sfcg
Follow Adam on Twitter → goo.gle/2RId4P1
More on roving-index from Rob Dodson → goo.gle/3tFkdNp
More on logical properties on web.dev → goo.gle/3uJOvQi
What's new in DevTools 91 → goo.gle/3eLof2N

Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gl/LLLNvf

#GUIchallenges #CSS #ChromeDeveloper