Horizontal scrolling web sites were once considered bad practice, but I believe most will agree that for some purposes e.g. for showcasing a portfolio it can be a quite useful and attention generating approach. While researching for this is post I found that in most cases the horizontal scrolling have been put to use in an intelligent way and user friendly way. Still keep in mind that horizontal scrolling is certainly not good idea in every situation, but when done properly they can really make a website standout.
Common practice today is that web sites use the vertical direction to give place for content that does not fit into the screen, i.e but allowing readers to scroll down. This is how it has always been and we are so used to this approach that it will be difficult to change. It is interesting though to consider the navigation design in iPhone and iPads where a lot of navigation actually goes in the horizontal direction. It works really well and users love it. However in most apps reading text and web pages still require vertical scrolling. To give you an idea of how horizontally scrolling web pages work I have collected 35 excellent examples of websites making use of horizontal scrolling for main navigation.
[exec]$filestr = file_get_contents(‘http://www.tripwiremagazine.com/googleadsensebelowmoretag.inc’);echo $filestr;[/exec]
1. We Shoot Bottles
2. WaipDesign
3. Alex Frueas
4. Deborah parentes
5. ScerBossaro
6. Abacq
7. Love Bento
8. Gavin Casteletom
9. Publicidade Viva
10. Master File
11. Dustin Curtis
12. Exit 10 Advertising
13. Front End Design Conference
14. Graphic Therapy
15. Lomotek Polymers
16. Ctrl+N
17. The Horizontal Way
20. Here Design
21. Ladio
22. Carrot Creative
23. Magpie Studio
24. Make Pretend
25. Jason Love
26. Art in Design
27. Section Seven
28. Graphic Evidence
29. Suie Paparude
30. Vanty Claire
31. Sursly
32. Visuall
33. Faub
34. Sockho
35. Cafe Digital
Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.
Normally it is not advised to make horizontal websites because users are familiar with scrolling websites from up to down. But it is good to change the style and give something new to your site visitors 🙂
[…] 35 Awesome and Beautiful Examples of Horizontal scrolling websites http://www.tripwiremagazine.com/2011/03/35-awesome-and-beautiful-examples-of-horizontal-scrolling-w… […]
Very nice collection. The Horizontal Way is my favourite!
Wow! This is an awesome collection. I love vertical scrolling websites, I think the unique style of navigation really stands out from from standard websites. I produced a vertical scrolling website for my online portfolio at University and it caught some attention too.
Thanks for sharing.