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


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 → 

Try a demo → 

Get the source →  

Follow Adam on Twitter → 

More on roving-index from Rob Dodson → 

More on logical properties on → 

What's new in DevTools 91 → 

Watch more GUI Challenges →

Subscribe to Google Chrome Developers →

There are no comments yet.
Authentication required

You must log in to post a comment.

Log in