- Change directory to the dist folder
- Run the command in terminal to tart server
$> python -m SimpleHTTPServer 8080
- Run the command in terminal to set up online server after installing ngrok
$> ./ngrok http 8080
- Split CSS files
- media query on CSS file links
- used async on the link for google analytics
- downloaded the first three images to ensure that the files were in local folders
- resized the last image to 100px using grunt-responsive-images node tool
- placed css into HTML under the style tag
- deleted the Google font
- used lossless compression for profile and pizza pictures to significantly lower image sizes
- Used percentages for resizing the pizzas rather than changing the layout then adding style using a for loop
- Cached the style so that the layout is changed outside the for loop and then the style is applied in bulk as a loop (used idea from provided website.)
- moved
var pizzasDiv = document.getElementById("randomPizzas");
out of the for loop - added translateZ(0) to CSS
- added cols and rows to make less than 200 pizzas in the background
- changed querySelectorAll to getElementsByClassName
- changed query to getElementById
- moved
var movingPizzas = document.querySelector("#movingPizzas1");
out of for loop so the DOM selection is done once. changed querySelector to getElementById. - added div end tag to
<div class="container">
No License.