As mentioned in my previous article, fancy scrolling website is one of the hottest trends on the net. When scrolling down, the parallax effects and unexpected object animations give a fresh new definition for scroll down the page where it used to be boring. But for people who are not really good in coding, how are we going to create such cool scrolling and presentational effect website?
Well, I gathered a few essential plugins and tutorials found on the Internet that will let and teach you to make such websites with a breeze. Many of these plugins mentioned below are powered by jQuery and they are really powerful. Please continue read to find out all of these great resources.
Curtain.js
This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.
Scrollorama
You can use this plugin to do all sorts of cool scrolly stuff, for example objects flying in and out, and also parallax effect too.
Impress.js
It’s a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers.
jQuery Scroll Parallax plugin
You can use this plugin which was created by Dave Cranwell to achieve simple parallax scrolling website. An alternative plugin would be jQuery Parallax plugin which was created by Ian Lunn.
Lateral on scroll sliding with jQuery
In this tutorial, you will learn how to create a scrolling presentational website that mimics the effect of popular website Nizo App.
Stellar.js
This is another plugin that helps you to create parallax website. The demo in that site shows that the effect also achievable with horizontal scrolling website.
jmpress.js
jmpress.js started as a jQuery port of impress.js created by Bartek Szopka but with a different goal in mind.
Scrolling through video
Perhaps you had visited a cool scrolling site like 360° Langstrasse website http://360langstrasse.sf.tv/ and been wondering how they achieve the result? Well this useful tutorial will enlighten you!
End word
There you go, above are all the plugins and tutorials to aid you create unique presentational and scrolling website. One thing to remember thou when using these effects, is it necessary to implement in your project? Because although it is cool, but if doesn’t use it wisely, your site experience could turn out bad! So please use those plugins wisely and I hope you find this post useful!
Picture header: Blue Sky Blue by Hirotaka
Comments