40+ Examples of Horizontal Scrolling Websites

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.

Neddy

The thing is, making one of these websites is difficult. In css there is no height=100% (only width=100%).
http://www.deboraparentes.com Debora

Great Article! I just finished working on my own horizontal website. http://www.deboraparentes.com
Check it out!
http://@cschneider 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.
http://digitalartwork.net Zach

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

Another one http://bookworm.com.ua/
http://h-y-p-h-e-n.com 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 :/
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.
sikko

http://www.ericj.se/ is amazing
http://www.davidtgill.com/ 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/
http://www.fonds-decran.com CELEBRITIES IN HD WALLPAPERS

I Like those designs
Il sont vraiment très beaux MERCI
http://sexidesign.com 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..
http://www.caffedigital.com Andre Augusto

I really miss this one http://www.caffedigital.com Nice article.
http://www.myohanhtun.com Myo Han Htun

Nice with the new idea.
http://www.aberto24hrs.blogspot.com Moosh Massacre

amazing stuff !
http://www.studioweber.com Alex Flueras

Great list. Here is another one: http://www.album.alexflueras.ro
http://tutorijali.hdonweb.com/ Ivan Miši?

Like those designs, realy look difierent comparing to other sites
http://www.bwired.com.au Steve Martin

This new idea is really cool and different.. Really inspiring for the web designers.. Thanks for the share..
http://www.camp26.biz Eko Setiawan

Cool..Thanks for share. May I know the tutorial how to make it.
http://www.productivedreams.com Gopal Raju

How ’bout IndoFolio.com
http://www.waipdesign.fr 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 !
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
http://www.heylove.eu Bine

Yaay, I like them !
http://abacq.free.fr/carton/carton.htm 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
Pingback: Best Web Design Collections. More Then 500 Inspirational Websites! | preuro.eu
http://www.jollymoon.com jollymoon

after the splash page the horizontal layout is very cool.

http://www.sade-usa.com
sid

here is mine.

melanimodel.com.

made for a beautiful girl
elcid

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

superb collection……
http://www.hybridlava.com/ Christy

very interesting post…loved the work
Pingback: A Showcase of Effective Headers in Web Design | Naldz Graphics
Pingback: 40 Inspiring Examples of Dark Websites | Naldz Graphics
Rasha

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