Bootsrap - Zen

Github "save early and save often"

Images

• search for free images on google and wikicommons

• make snapshots of what you draw online

• Mac - use preview to crop and size

• Windows - use paint to crop and size

• online to optimize Image Optimizer

• take a picture

• crop and size

• name it

Designs

Bootstrap

• nav
• list-group
• grid-system
• carousel
• cards
• scrollspy
• container and fluid container - don't nest
• row

Chrome

• elements
• network
• jquery in console $(".my-class")[0].naturalWidth $("#my-id").offsetWidth
• caching - hard reload

modern business template

SU Web Dev BS4 repo

W3 BS4 cheatsheet

Online image optimizers

tinypng