google-chrome 4 maanden geleden
Google Chrome #Web Development

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!).

MEDIA SCROLLER

00:00 - Introduction

00:20 - Component demo

01:22 - Cross browser demos

04:05 - International layout

05:15 - Debug Tooling

06:56 - Prefers reduced data

08:47 - Prefers reduced motion

10:57 - Roving UX

12:45 - Aspect Ratio

14:11 - Conclusion


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


Google
google-chrome
There are no comments yet.
Authentication required

You must log in to post a comment.

Log in