Stellar.js is a javascript library that helps you create a parallax scrolling
You can setup a parallax scrolling on your website in just a couple 
minutes!
Stellar.js also supports both horizontal and vertical parallax
Let's begin with the setup by downloading the library
Include jquery.stellar.js to your web directory
Noted that Stellar.js is a jQuery plugin so you'll need a jQuery included
Here is my skeleton HTML page with two DIVs with image background
We'll try to add a parallax background scrolling to these DIVs
The parallax effect is actually a difference in scrolling speed between 
elements and backgrounds
With Stellar.js, you can control the scrolling speed by adding "data-stellar-
background-ratio"
Now both DIVs has a 0.5 scroll rate which means their background will 
scroll 50% slower than the page
Then, we just have to initialize the Stellar.js by calling stellar() method on 
the element that you want to create a parallax effect
After applying the scrolling rate, you might also need to adjust the offset a 
bit
You can do this by adding "data-stellar-vertical-offset"
In the next video, we'll show you how to apply stellar.js in practical uses
Stay tune! and don't forget to like or subscribe :)
