##Instructions by Samuel Gaspar

##There are two branches of the project:

1. Master branch (it holds development code with comments & production code in "production" folder uglified using gulp)
2. gh-pages branch (it was setup to host the uglified production version from Production folder)

Production folder contains gulpfile.js that automates minification and uglification. The gh-pages branch was set up to use Github hosting functionality. The hosted minified version can be reviewed and tested in PageSpeed to comply with requirement to score above 90.

http://kakadu123.github.io/frontend-nanodegree-mobile-portfolio/production

##Main.js optimization details:

• Pizza resize

  optimalization is based on using Class selector that is more efficient. Selected DOM objects passed to an array to avoid multiple DOM traversing. The sizeSwitcher function is simplified and returns ratio of pizza elements that is subsequently used in style.width attribute assignment.

• FrameRate optimalization

  getElementsByClassName is a more efficient selector. The Math.sin calculations is done outside of the for loop to reduce processing time as phase assumes 5 distinct values repeatedly. Number of sliding pizzas when the page loads is decreased as basicLeft assumes 8 distinct values and top value is based on 256px grid system.

More details on the optimalizations in resizePizzas and changePizzaSizes in main.js file.