Description:

This was a great passion project that allowed me to combine design principles, Photoshop skills, basic web development skills, and integrating a powerful JavaScript library create a fun effect!

The parallax effect assigns x, y, and z values to separate graphic elements and then calculates actions and movement in response to the movement of the mouse or to the tilt of the tablet if you are on a tablet or phone with an accelerometer.

I used the parallax.js library from Matthew Wagerfield for the javascript. Therefore I cannot take credit for the logic that controls the motion.

Project demonstrates the following:

  • Ability to teach myself interests outside of formal instruction.
  • Integration of Photoshop layers and images in wireframing.
  • Create a custom logo in Photoshop.
  • Created the custom CSS using CSS3.
  • Integration of JavaScript libraries.
  • Use of HTML5.
  • Accomplish a goal I didn't think I'd be able to do when I began the course.
  • All art assets created by myself in Photoshop.

    • See more of my work at:

    GithubLinkedin Kaggle