10

Aug 2014

Fully responsive Jquery Animation

Remax
The client want a fully responsive animation with the following descriptive details:
On load greenery scene then the beach on the back, the clients want historical event sequence (1693) of the place such as the railroad, the battle, the capitols, the farm and etc. They want also a tramway and the moving carousel on the beach. They also requested a night scenery of the place.

Methodology:
a. Percentage on size of every element
b. Percentage on margin of each position
c. Used jQuery.html5Loader
d. Resize script on screen
e. Created a repeating loop on Remax ballon
f. Separated the night view fade to the morning