Off-canvas horizontal lists

In the spirit of sharing more examples about how we’re solving problems in our day to day implementations Jeremy Keith is showing us how to create a fully supported scrolling list.

Let’s say you’ve got a list of items; modular chunks of markup like an image and a caption, for example. By default these will display linearly on a small screen: a vertical list. I quite like the way that the Flickr iPhone app takes those lists and makes them horizontal—they go off-canvas (to the right), with a little bit of the next item peaking out to give some affordance. It’s like an off-canvas carousel.

An excerpt from Off-canvas horizontal lists

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.