Horizontally Scrolling Websites Showcase & Tutorials

Love them or hate them, horizontally scrolling websites are scattered around the net, and there’s some fantastic examples. Unlike the traditional layout of a website that scrolls up and down, horizontal websites flip things around and scroll from left to right. Sometimes they’re enhanced with Javascript to offer an even richer user experience, such as auto-scrolling effects. Check out this collection of 30 inspiring examples, and follow on to a hand full of brilliant tutorials that give an insight into the theory and practice of creating a horizontal site of your own.

The usability of such sites is often questioned, but I personally think they’re great, although one important factor I’d advise considering is to tap into the user’s mouse scrollwheel to enable it to scroll the website horizontally. This is a technique employed by a bunch of the sites in this showcase, and as you’ll find when browsing, it makes them much more usable.

View

Related posts:

1. 40 Beautifully-Designed Navigation Menus
2. Showcase of Popular websites Developed using Drupal CMS
3. Amazing css menu Collections
4. Blog Headers: 20 Great Examples and Best Practices
5. 30 Great Sites Using Wordpress as a CMS