views:

408

answers:

4

In a recent meeting, I mentioned that I've seen a few websites with horizontal sliding panels and thought the UI was elegant, uncluttered and accessible. Naturally, I was asked to provide examples of those sites, but can't seem to dig up any of them now. Actually, I've been looking on an off for the past few days. (blush)

Sooo.... I thought that I would put it out to the brilliant and talented folks who frequent StackOverflow.

If you know of a website -- or better yet, have a website -- that uses horizontal sliding panels to provide rich functionality while maintaining a clean UI, would you please take a few moments and paste links here? I'm sure it would be helpful to a bunch o' folks.

Thanks so very much!

A: 

Image of horizontal scrolling used on apple website

I think apple has a great horizontal sliding panel. The labels in the scroll bar really up the usability.

Gavin Miller
Except it's laggy, brittle, and fails to scroll to the label positions once the scrollbar has been dragged.
Jon Purdy
I love the position indicator bar
Peter Degen-Portnoy
A: 

Coda

Tom
This is a great UI, thanks!
Peter Degen-Portnoy
A: 

I really like the sliding panel Cake PHP uses on their site, cakephp.org.

Zach Bialecki
Agreed, that's an elegant solution. It strikes me as a canonical usage of the sliding panel
Peter Degen-Portnoy
A: 

I use it on the News, Articles and What's On pages to give focus to new content. The articles are still listed below and the slider has left/right navigation options. The slider is added by JavaScript at runtime and the page still works without JavaScript:

http://www.the-mag.me.uk/Music/Articles/

Sohnee
These were all great submissions. Kudo's for Sohnee for bringing in his own site.
Peter Degen-Portnoy