40+ Examples of Horizontal Scrolling Websites

Ads

by Ronald Bien

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

Ads


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

Ads


Related Posts

{ 29 comments… read them below or add one }

1 Neddy

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

Reply

2 Debora

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

Reply

3 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

4 Zach

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

Reply

5 nitch
6 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

7 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

8 sikko
9 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

10 CELEBRITIES IN HD WALLPAPERS

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

Reply

11 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

12 Andre Augusto

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

Reply

13 Myo Han Htun

Nice with the new idea. :)

Reply

14 Moosh Massacre

amazing stuff !

Reply

15 Alex Flueras

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

Reply

16 Ivan Miši?

Like those designs, realy look difierent comparing to other sites

Reply

17 Steve Martin

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

Reply

18 Eko Setiawan

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

Reply

19 Gopal Raju

How ’bout IndoFolio.com

Reply

20 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

21 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

22 Bine

Yaay, I like them !

Reply

23 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

24 jollymoon

after the splash page the horizontal layout is very cool.

http://www.sade-usa.com

Reply

25 sid

here is mine.

melanimodel.com.

made for a beautiful girl

Reply

26 elcid

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

Reply

27 Ferguson

superb collection……

Reply

28 Christy

very interesting post…loved the work

Reply

29 Rasha

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

Reply

Leave a Comment

{ 3 trackbacks }

Previous post:

Next post: