Inspirations

40+ Examples of Horizontal Scrolling Websites

advertisement

Usually, most sites share the same set-up… In terms of scrolling down, that is.. Most often, they are browsed through vertically. We came across a couple of sites that presents a different type of browsing experience for their readers. Amazingly, the result is more creative and unique. As a reader, you may find it more entertaining than the usual browsing. Take a look at this collection that we have came up for you…

40+ Examples of Horizontal Scrolling Websites is compiled below for you to check out. Witness the unique settings the owner has came up with. If you are planning to create your own site, then you may get useful ideas with this awesome collection. Feel free to visit these sites…Who knows, you may pick a tip or two.

Publicidade Viva

 Horizontal Scrolling Websites

Visuall

 Horizontal Scrolling Websites

Lomotek Polymers

 Horizontal Scrolling Websites

Ctrl+N

 Horizontal Scrolling Websites

The Horizontal Way

 Horizontal Scrolling Websites

Carrot Creative

 Horizontal Scrolling Websites

Jason Love

 Horizontal Scrolling Websites

Section Seven

 Horizontal Scrolling Websites

Eric Johansson

 Horizontal Scrolling Websites

Art in Design

 Horizontal Scrolling Websites

Ladio

 Horizontal Scrolling Websites

Front End

 Horizontal Scrolling Websites

Tinkainteractive

 Horizontal Scrolling Websites

Graphic Evidence

 Horizontal Scrolling Websites

Charlie Gentle

 Horizontal Scrolling Websites

Here Design

 Horizontal Scrolling Websites

Suie Paparude

 Horizontal Scrolling Websites

Richard Arran

 Horizontal Scrolling Websites

Eolo Perfido

 Horizontal Scrolling Websites

Lucuma

 Horizontal Scrolling Websites

Nile Inside

 Horizontal Scrolling Websites

We Shoot Bottles

 Horizontal Scrolling Websites

Les Hautes Mynes

 Horizontal Scrolling Websites

Wall Swaps

 Horizontal Scrolling Websites

Gavin Castle

 Horizontal Scrolling Websites

Gelisiguzel

 Horizontal Scrolling Websites

C.L. Holloway

 Horizontal Scrolling Websites

Graphic Therapy

 Horizontal Scrolling Websites

Maurivan Luiz

 Horizontal Scrolling Websites

Zupadupa

 Horizontal Scrolling Websites

Stephane Tartelin

 Horizontal Scrolling Websites

Elfletterig

 Horizontal Scrolling Websites

Magpie

 Horizontal Scrolling Websites

BBH London

 Horizontal Scrolling Websites

Luke Larsen

 Horizontal Scrolling Websites

Vanity Claire

 Horizontal Scrolling Websites

Love Bento

 Horizontal Scrolling Websites

Dean Oakley

 Horizontal Scrolling Websites

Sockho

 Horizontal Scrolling Websites

Faub

 Horizontal Scrolling Websites

Peter Pearson

 Horizontal Scrolling Websites

Leave a Comment

  • Neddy

    The thing is, making one of these websites is difficult. In css there is no height=100% (only width=100%).

    Reply
  • Debora

    Great Article! I just finished working on my own horizontal website. http://www.deboraparentes.com
    Check it out!

    Reply
  • Chris Schneider

    @Neddy

    Making these sites are very challenging. The thing that I have ran into when creating them is to have only one thing show up on the “active” window. Also, it’s interesting to try to get these to work across multiple resolutions. I would like to see a few tutorials on how to get around these hurdles. Also, my concern with horizontal sites, is that the “standard” user will get intimidated by them, I created one and had some “not-so tech savvy” people use it and they didn’t really know what to do and when the JQUERY slid the page they were in a bit of shock. I do think that these sites are very, very cool and definitely bring a whole new area of the web world to web designers.

    Reply
  • Zach

    You should add The Lens blog from The New York Times to the list http://lens.blogs.nytimes.com/

    Reply
  • nitch Reply
  • Marina

    Those are really beautiful! Personally I’ve always been iffy about horizontal layouts since they make assumptions of the visitor’s browser resolution most of the time. Too high and they get a scroll bar, too low, and the layout looks silly :/

    Reply
  • K

    Regardless of the quality of design, i find the horizontal scrolling harder to use. It makes me dizzy, and the scrolling down gesture just feels more natural.

    Reply
  • sikko Reply
  • Jacknumpty

    Here is the same portfolio with horizontal scrolling (they show a lot of the same work but are implemented on different web sites. I hope it makes more sense when you click on the links?!):

    http://www.davidtgill.com/portfolio/

    http://www.bee-software.net/the-web/web-design/

    Reply
  • CELEBRITIES IN HD WALLPAPERS

    I Like those designs
    Il sont vraiment très beaux MERCI

    Reply
  • Melody

    I remember trying this when I first got into design. I like the sites that kinda just zip you along without having to scroll too much..

    Reply
  • Andre Augusto

    I really miss this one http://www.caffedigital.com Nice article.

    Reply
  • Myo Han Htun

    Nice with the new idea. :)

    Reply
  • Moosh Massacre

    amazing stuff !

    Reply
  • Alex Flueras

    Great list. Here is another one: http://www.album.alexflueras.ro

    Reply
  • Ivan Miši?

    Like those designs, realy look difierent comparing to other sites

    Reply
  • Steve Martin

    This new idea is really cool and different.. Really inspiring for the web designers.. Thanks for the share.. :)

    Reply
  • Eko Setiawan

    Cool..Thanks for share. May I know the tutorial how to make it.

    Reply
  • Gopal Raju

    How ’bout IndoFolio.com

    Reply
  • WAIPdesign

    Hi !
    An other horizontal site… http://www.waipdesign.fr !
    You can resize your window or change your resolution, there is no change for the webdesign.
    Enjoy !

    Reply
  • TOZE BAIAO

    Thank guys for showing my site Publicidade Viva, its a pity that my client did not pay this years hosting, co’s he has gone bankrupt.

    Regards and keep the nice posts

    TZ

    Reply
  • Bine

    Yaay, I like them !

    Reply
  • abacq

    Vivre ici / vivre ici ça jamais / jamais jamais je ne m’y résoudrai / moi

    http://abacq.free.fr/carton/carton.htm

    Horizontal Scrolling Websites: très beau choix, cordialement

    Reply
  • jollymoon

    after the splash page the horizontal layout is very cool.

    http://www.sade-usa.com

    Reply
  • sid

    here is mine.

    melanimodel.com.

    made for a beautiful girl

    Reply
  • elcid

    Here another one: http://www.scerbosarro.com (single and horizontal page)

    Reply
  • Ferguson

    superb collection……

    Reply
  • Christy

    very interesting post…loved the work

    Reply
  • Rasha

    Any tutorial helping me to create horizontal scrolling one page website ?
    Thanks

    Reply