Thinking on ways to solve a MEDIA SCROLLER
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
#GUIchallenges #CSS #ChromeDeveloper
Watch video Thinking on ways to solve a MEDIA SCROLLER online without registration, duration hours minute second in high quality. This video was added by user Chrome for Developers 12 May 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,56 once and liked it 54 people.