*Please pardon the un-styled mess why I am rethinking and re-designing my blog!*

The Design O'Blog

Lets Get Horizontal!

The estimated time to read this article is 2 minutes

In these modern times users have learned and adapted and mice have evolved this nifty thing called a scroll wheel. Users have learned to scroll down a page for more content. The concept of having content “Above The Fold” may not really exist anymore (some say). Horizontal websites maybe be outside the usability realm for some, but with some nifty javascript, normal scrolling behavior can be adapted easily.

Oxford Hotel

This site uses some sort of javascript library to scroll the content where the orange arrow points to. Pretty slick!

Radio Zen (CSS Zen Garden)

This site makes an interesting use of the “radio” dial. Check it out as you scroll – you change stations!

Benek Design

Benek’s site is clean and straight forward. It uses a simple javascript to allow horizontal scrolling (js file can be viewed here: http://benekdesign.com/js/thw.js )

Urban Outfitters Blog

Interesting, slightly ugly, blog.

Synthetic

Synthetic has some interesting js scrolly action when you click on the colored bars at the bottom of the page.

Nana DC

This website has a little playful blue line that guides you through the site.

The Horizontal Way

A gallery of horizontally inclined websites.

[5] Comments
Posted in design, design websites, Graphic Design, Web 2.OH, Web Design

Share This Article

Share! Share On Twitter

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

5 Responses to “Lets Get Horizontal!”

  1. Kevin M. Scarbrough says:

    While it is going to take time for users to adjust, I cannot WAIT for horizontal scrolling to become a non-issue.

    There will be a watershed moment when there is an easily added, widely accepted snippet of code that takes your scrolling mouse wheel from “down” to “right”. Mark my words!


  2. Great list,
    I found one here http://www.ceegraphics.com/


  3. I think horizontal scrolling can be great for highly visual content like portfolios. It can be a neat way to stand out. However, I believe there is strong cultural bias against side scrolling for many people who read right-left and top-down. This goes beyond just web conventions. I would never suggest it for a text heavy site.


  4. Hey very nice blog!! Man .. Beautiful .. Amazing .. I will bookmark your blog and take the feeds also…




Trackbacks & Pingbacks:

  1. Trackback from Design Bump

    Story on DesignBump.com…

    Your story was featured in Design Bump! Here is the link to vote it up and promote it: http://designbump.com/WebDesign/Lets_Get_Horizontal...