Thinking on ways to solve a MEDIA SCROLLER

Appears in: GUI Challenges

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 →

#GUIchallenges #CSS #ChromeDeveloper