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 use heavily in websites and projects. As the search of 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.
Well, using jQuery scrolling effect not only is a new form of showcasing your site or work, but it also give the audience a fresh experience when they interacts with your site.
![]()
With the help of jQuery.ScrollTo plugin, we can transform a normal site into a slideshow storyboard that will bring across unique experience to visitors during their journey on the site.
Here are 24 superb sites that has used jQuery to displayed either horizontal, vertical or multi-directional scrolling effect. Most of them has used the jQuery.ScrollTo plugin to create a flash-like scrolling navigation experience whereas some of them has used other unique jQuery scripts.
jQuery Horizontal Scroll
jQuery Horizontal Scroll is kind of the unique way to presenting your site to the audience, not many sites are choosing it to present their site. Sometime designer or developer just worry that audience does not like the horizontal scroll feel and believe it may compromise the conventional style of vertical web page surfing.
When applying horizontal scroll on a site, the message that you want to bring across need to be bold so that it will create an impact to the audience. Also remember keep the copywriting to the minimum. If it's done appropriately, they can be very attractive.
Vanityclaire
Claire Baxter lived in Dallas and is a Creative Director of the Art Director persuasion.
Aredesforgirls
AREDES is a Brazil company dealing with variety of clothing for girls.
Carrotcreative
Carrot creative is a new-media marketing agency located in DUMBO, Brooklyn, NY specializing in social media marketing and user experience design.
Sursly
Tyler Finck is a designer that specialist 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.
Gavincastleton
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 by injects a new vibrant auto scrolling into it. By clicking at the navigation, the page scroll gracefully down to the section, now you can change your perspective of the traditional vertical scrolling sites.
Dannyblackman
Danny Blackman is currently a 3rd year BA Communications & New Media student at University of Leeds, UK and a freelance designer & developer.
Designinsocial
Designinsocial is a collective aspiration where one occurs to the opportunity to entrepreneurs and industrialist with less 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.
Emrahyaman
Emrah Yaman's was born in Kocaeli/Turkey and is a freelancer working working on all kinds of projects varying from websites to print and brand identity.
Kineticshadows
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.
Legworkstudio
Legworkstudio is a web agency that deals with print design, web design & developement and motion design.
Newincreative
Nguyen Le is an Interactive Designer/Developer from Melbourne.
Pojeta
Tomas Pojeta is a Czech designer.
Redcrownstudio
Redcrownstudio boost a team of professional that deal with web design, web development, visual identity design and email marketing.
Spicydesign
Alex ElChehimi is a web/graphic designer that is located at Montreal.
Toby Powell
Toby Powell is a web designer that specialize in creating beautiful, usable, professional websites using best practice accessibility and the latest W3C web standards guidelines.
Visualelixir
Jim Gunardson is a illustrator and designer that is located in New Jersey, near Philadelphia.
jQuery Multi-Directional Scroll
Integrating the best of horizontal and vertical scrolling effects and transform them into an interactive experience. Multi-directional scroll effects is a beautiful way of presenting your site to your audience.
Wallswaps
Wallswaps is a design firm located at Nottingham, UK.
Serialcut
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.
Enterrodagata
Enterrodagata is developed by Rui Silva, also known as "Penso", whom live in Braga, Portugal. He is a web designer and developer.
Jandk
Jackson & Kent is a French agency that deal with web designs and development.
Conclusion
This list sums up some of the superb sites that has used jQuery to display horizontal, vertical or multi direction effects. Most sites are so dynamic that even the backgrounds moves around. One thing for sure that, jQuery will be constantly improving and we will be constantly looking for better ways to present our sites to our audiences.
Do you used the mentioned jQuery scrolling effect in your sites? 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