24 Superb Sites That Use Horizontal, Vertical Or Multi-Directional jQuery Scrolling Effect
jQuery JavaScript Framework has fast become an indispensable part of web 2.0 formation and will continue to be used heavily in websites and projects. As the search for entertaining visual effects continues, the performance and speed of a site should not be compromised. Now with jQuery, it's possible to integrate captivating visual effects together with highly effective functions.
Using jQuery scrolling effect is not only a new form of showcasing your site or work, but it also gives the audience a fresh experience when they interact with your site.
![]()
With the help of jQuery.ScrollTo plugin, we can transform a normal site into a slideshow storyboard that will bring across a unique experience to visitors during their journey on the site.
Here are 24 superb sites that has used jQuery to displayed either the horizontal, vertical or multi-directional scrolling effect. Most of them have used the jQuery.ScrollTo plugin to create a flash-like scrolling navigation experience, while some of them have used other unique jQuery scripts.
jQuery Horizontal Scroll
jQuery Horizontal Scroll is a unique way of presenting your site to the audience, not many sites have chosen to use it in their site. Sometimes designers or developers worry that the audience will not like the feel horizontal scrolls give, and believes it may compromise the conventional style of vertical web page surfing.
When applying the horizontal scroll on a site, the message that you want to bring across needs to be bold so that it will create an impact to the audience. Also, remember to keep the writing to a minimum. If it's done appropriately, they can be very attractive.
Vanityclaire
Claire Baxter lives in Dallas and is a Creative Director of the Art Director persuasion.
Aredes for Girls
AREDES is a Brazilian company dealing with a variety of clothing for girls.
Carrot Creative
Carrot Creative is a new-media marketing agency located in DUMBO, Brooklyn, NY. It specializes in social media marketing and user experience design.
Sursly
Tyler Finck is a designer that specializes in Photoshop, Illustrator, InDesign, Flash, Canon/Nikon DSLRs, Final Cut Studio, Logic Pro, Mac + PC and iWork.
Peter Pearson
Peter Pearson is a BA New Media graduate from the University of Leeds, UK, currently based in St Albans, Hertfordshire. The site is a showcase of his university and freelance work as a web designer, developer, animator and artist.
Zupadupa
Zupadupa is a web agency from Romania that offer web design services, web development, marketing and online ads, web consulting, branding and rebranding.
Gavin Castleton
Gavin Castleton is a musician and currently on tour to spread his talents.
Artist In Design
Artist In Design is a German web agency that provides web graphic designs.
jQuery Vertical Scroll
jQuery Vertical Scroll reassembles the old school way of vertical scrolling and injects a new vibrant auto scrolling into it. By clicking at the navigation, the page scrolls gracefully down the section. Now you can change your perspective of the traditional vertical scrolling sites.
Danny Blackman
Danny Blackman is currently a 3rd year BA Communications & New Media student at University of Leeds, UK and a freelance designer & developer.
Design in Social
Designinsocial is a collective aspiration, where one occurs to the opportunity to entrepreneurs and industrialists with fewer resources to harness his product or business through professional graphical design.
Dreamerlines
Janis is a web designer working for a digital creative agency called Digibrand.
Emrah Yaman
Emrah Yaman's was born in Kocaeli/Turkey and is a freelancer working on all kinds of projects varying from websites to print and brand identity.
Kinetic Shadows
Et Cetera Brian started his design career in multimedia and web design in the 90s and deals with interactive development, 3D work and interactive design.
Legwork Studio
Legwork Studio is a web agency that deals with print design, web design & development and motion design.
New in Creative
Nguyen Le is an Interactive Designer/Developer from Melbourne.
Pojeta
Tomas Pojeta is a designer from the Czech Republic.
Red Crown Studio
Red Crown Studio has a team of professionals that deal with web design, web development, visual identity design and email marketing.
Spicy Design
Alex ElChehimi is a web/graphic designer located in Montreal.
Toby Powell
Toby Powell is a web designer that specializes in creating beautiful, usable, professional websites using best practice accessibility and the latest W3C web standards guidelines.
Visual Elixir
Jim Gunardson is an illustrator and designer located in New Jersey, near Philadelphia.
jQuery Multi-Directional Scroll
Integrating the best of horizontal and vertical scrolling effects and transforms them into an interactive experience. Using jQuery multi-directional scroll effect is a beautiful way of presenting your site to your audience.
Wall Swaps
Wall Swaps is a design firm located in Nottingham, UK.
Serial Cut
Serial Cut is a Madrid based studio, established in 1999 by Sergio del Puerto, working on a wide variety of worldwide projects, but focusing mainly on Art Direction.
Enterro da gata
Enterro da gata is developed by Rui Silva, also known as "Penso", who lives in Braga, Portugal. He is a web designer and developer.
J and K
Jackson & Kent is a French agency that deals with web designs and development.
Conclusion
This list sums up some of the superb sites that have used jQuery to display horizontal, vertical or multi direction effects. Most sites are so dynamic that even the background moves around. One thing is for sure, jQuery will be constantly improving and we will be constantly looking for better ways to present our sites to our audiences.
Do you use the above mentioned jQuery scrolling effects in your site(s)? Or do you have a superb site that you wish to recommend? Leave your recommendation below!
Great post!!
Thanks for sharing.
Great post! Here are 2 websites that must be part of this collections: http://www.visualboxsite.com & http://www.lucino-gene.com
Thanks for the recommendation!
I'd like to throw in http://tyrale.com for consideration.
Hi Tyrale,
How can i miss you out?
Part 2 is on it's way, your site will be added to the list.
Stay tuned. :)
Does anyone know of any tutorials going through the process of creating vertical scrolling website.
sweet collaction
i really like this one: http://design-farm.net
Thanks for including Kinetic Shadows in this great list.
Maybe you should consider adding http://www.salon-lafolie.com to your list. Its using not only scrolling effect, but awesome illustrations too.
Those are some great skills :)
Süper çalışma saygılar.
Gerçekten emeğe saygı göstermek lazım:)
Terrance can u plz try and check if my website can be added?
http://www.tridibghosh.com
It has both use of lightbox and Jquery scrolling. Hope you like it.
Thanks
I'm thinking of using this effect on a website I'm currently designing so these are really handy examples.
Cheers for the post
Ryan
Great post!
I love this designs! They demonstrate that in many cases Flash is superfluous..
Here 2 website with the same effects but build in mootools...
http://www.emergentitaliani.it
http://www.solegiallo.it
and this are 2 horizontal scrolling portfolio templates for indexhibit and wordpress using jquery:
http://www.stefanoferroni.com
http://www.marconofri.com
Bye!
Nice Collection! I just finished working on my own horizontal website. http://www.deboraparentes.com
Check it out!
very nice javascript site list
Superb ! :D I love horizontally scrollable sites ( even if most users dont prefer them ) - as long as its kept to a minimum & done nicely as stated . Great roundup of some truly awesome sites ! :)
M.
good stuff, really help full
good collection, it was nice to read, enjoyed
Hi all, check this one out. http://www.taylortaylorlondon.com