Responsive Images

Dependencies: Install node and gulp

• Install node from NodeJS.com
• Open terminal and navigate to the src-demo directory.
• In terminal, run npm install -g gulp
• In terminal, run npm install (to install all other dependencies)
• Then run gulp images or gulp watermark to generate the appropriate images.

Articles:

• http://alistapart.com/article/responsive-images-in-practice
• https://responsiveimages.org/

Gulp Resources:

• https://github.com/mahnunchik/gulp-responsive
• https://github.com/HAKASHUN/gulp-watermark

Repos to Add Support:

• https://github.com/scottjehl/picturefill
• https://github.com/aFarkas/lazysizes

Browser Support:

• http://caniuse.com/#search=picture
• http://caniuse.com/#search=source
• http://caniuse.com/#search=srcset