Posted on 26. Nov, 2009 by bmackler in Inspiration
This design style elicits quite a response from users and design traditionalists, people either love them or down right hate them. There does not seem to be much middle ground for discussion but more and more you see horizontally scrolling websites popping up around the net. I have compiled 35 of the best examples.
Instead of the traditional up and down scroll this style moves from side to side. Sometimes to enhance the experience it has auto scroll, or dragging capabilities, and sometimes its just a manual slide using the scroll bar. It should be noted that horizontal designs are not for every type of website. They generally work very well for portfolios and image heavy sites, but not as much with content heavy sites. With the combination of wide screen monitors taking over the market and multi directional mice, this experience could be a great new way of interacting on the web.
Dean Oakley

Horizontal Layout - Dean Oakley
Alex Flueras – Photography

Horizontal Layout - Alex Flueras - Photography
F. Claire Baxter

Horizontal Layout - F. Claire Baxter
InHouse

Horizontal Layout - InHouse
Peter Pearson

Horizontal Layout - Peter Pearson
Farmhouse Fare

Horizontal Layout - Farmhouse Fare
Ricardo Arce

Horizontal Layout - Ricardo Arce
Stephane Tartelin
Horizontal Layout – Stephane Tartelin
Wika AG

Horizontal Layout - Wika AG
Jason Love

Horizontal Layout - Jason Love
Les Hautes-Mynes Du Thillot

Horizontal Layout - Les Hautes-Mynes Du Thillot
Carrot Creative

Horizontal Layout - Carrot Creative
Publicidade Viva

Horizontal Layout - Publicidade Viva
Tom Hoops Photography

Horizontal Layout - Tom Hoops Photography
Sursly/Tyler Finck

Horizontal Layout - Sursly/Tyler Finck
Front End Design Conference

Front End Design Conference
GUDANG DAMANSARA

Horizontal Layout - Gudang Damansara
Gavin Castleton

Horizontal Layout - Gavin Castleton
Graphic Therapy

Horizontal Layout - Graphic Therapy
Lucuma

Lucuma
Hasrimy

Horizontal Layout - Hasrimy
We Shoot Bottles

Horizontal Layout - We Shoot Bottles
Fondation Nicolas Hulot

Horizontal Layout - Fondation Nicolas Hulot
Visuall

Horizontal Layout - Visuall
Hank Olguin

Horizontal Layout - Hank Olguin
Artemis Eternal

Horizontal Layout - Artimes Eternal
Glass House

Horizontal Layout - Glass House
Sense Hub

Horizontal Layout - Sense Hub
Artist in Design

Horizontal Layout - Artist in Design
Charlie Gentle

Horizontal Layout - Charlie Gentle
Eric Johansson

Horizontal Layout - Eric Johansson
Pixel Lounge

Horizontal Layout - Pixel Lounge
Graphic Evidence

Horizontal Layout - Graphic Evidence
SectionSeven

Horizontal Layout - SectionSeven
Faub

Horizontal Layout - FAUB
Tags: 2010 website trends, best of the web, Inspiration, web design
35 of the Best Horizontal Website Layouts For Inspiration
26. Nov, 2009
[...] Visit Source. [...]
35 of the Best Horizontal Website Layouts For Inspiration | Web … Dreamweaver X
26. Nov, 2009
[...] posted here: 35 of the Best Horizontal Website Layouts For Inspiration | Web … By admin | category: dreamweaver | tags: creative-inspiration, description, design, [...]
uberVU - social comments
26. Nov, 2009
Social comments and analytics for this post…
This post was mentioned on Twitter by NorwichDesigner: 35 of the Best Horizontal Website Layouts For Inspiration – http://chilp.it/?758408…
Elizabeth
26. Nov, 2009
Also take a look at http://www.smashingmagazine.com for web design trends, templates, icon sets and free fonts – they definitely have their finger on the pulse.
[Reply]
Grant
27. Nov, 2009
What about http://greenermags.com. I’m pretty sure we were the first horizontal scrolling platform. Nice to see people using it wisely.
[Reply]
bmackler Reply:
November 27th, 2009 at 5:01 am
Thank you for adding this. Wonderful example of horizontal scrolling. I tried to find the best ones, but I knew I would miss some. Great addition.
[Reply]
Alex Flueras
27. Nov, 2009
Thanks so much for featuring my site!
[Reply]
bmackler Reply:
November 27th, 2009 at 9:35 am
My pleasure. its a great site and wonderful example of horizontal navigation.
[Reply]
Torontoweb
27. Nov, 2009
What a great collections of Horizontal Web Design. But from the rest, “We Shoot Bottles” catches my eye more. It’s design is just simple but it look elegant.
[Reply]
DB
27. Nov, 2009
another nice showcase is http://www.thehorizontalway.com/
[Reply]
Lewis Litanzios
27. Nov, 2009
You can add this: http://www.blowcreative.co.uk/
[Reply]
45+ Web Designer and Developer Community Picks | tripwire magazine
28. Nov, 2009
[...] 35 of the Best Horizontal Website Layouts For Inspiration [...]
45+ Web Designer and Developer Community Picks | Programming Blog
28. Nov, 2009
[...] 35 of the Best Horizontal Website Layouts For Inspiration [...]
Bluefaqs
28. Nov, 2009
Nice collection! I thought that the Wika AG one was designed well. Some of these I haven’t seen before.
[Reply]
35 of the Best Horizontal Website Layouts For Inspiration | Web Design Tutorials and Journal | Learn Photoshop and Dreamweaver Online | Creative…
29. Nov, 2009
[...] See the original post: 35 of the Best Horizontal Website Layouts For Inspiration | Web Design Tutorials and Journal | Learn… [...]
CSS Brigit | 35 of the Best Horizontal Website Layouts For Inspiration
30. Nov, 2009
35 of the Best Horizontal Website Layouts For Inspiration…
This design style elicits quite a response from users and design traditionalists, people either love them or down right hate them. More often you see horizontally scrolling websites popping up around the net. I have compiled 35 of the best examples….
LionFlight
30. Nov, 2009
Those nice examples reminded me of these two great flash sites that scroll horizontally;
http://www.jonathanyuen.com/main.html
http://soydeaire.labuat.com/
[Reply]
ldii
01. Dec, 2009
Thank you for the share. I love it and I’ve bookmarked it.
[Reply]
write my essay
01. Dec, 2009
Thank you for this nice article!
[Reply]
35 of the Best Horizontal Website Layouts For Inspiration | Design Shack
01. Dec, 2009
[...] View Post [...]
derek
01. Dec, 2009
here is another cool one: http://www.edarci.com
[Reply]
Peter Pearson
01. Dec, 2009
Thanks for the feature!
[Reply]
bmackler Reply:
December 1st, 2009 at 10:36 pm
@Peter Pearson, My pleasure. Its very deserving of the spotlight.
[Reply]
SEO FAQs - SEO Frequently Asked Questions
02. Dec, 2009
The websites are wonderful and Excellent
[Reply]
45+ Web Designer and Developer Community Picks | Master Design
05. Dec, 2009
[...] 35 of the Best Horizontal Website Layouts For Inspiration [...]
Guga
06. Feb, 2010
My horizontal website: http://www.elastika.org
Thank you
[Reply]