The goal of this project was to create a site to showcase the use of javascript / jQuery in three tutorials.The project is designed to be clean, concise and easy for users to follow through each tutorial.

Technical Sheet:

The first tutorial showcases a sliding menu, the second one a jQuery lightbox. Both tutorials are to be used in conjunction with embedded code snippets and a plugin. Documentation is provided for the plugins to allow for easy implementation. Finally, the last tutorial is also an Animated Background Gradient which shows line by line the written script required to function. The site also includes a sticky navbar to allow easy navigation between tutorials.


Code technologies I got involved while working on this project.

  1. HTML5
  2. CSS
  3. Javascript
  4. jQuery
  5. Adobe Photoshop

The Progress:

jQuery tutorial image

Things to improve:

Since this is an earlier project, responsive design is not implemented. Project is best viewed on browsers with screen sizes 1100px and up.