Responsive Images
In this session, we are going to explore one of the most discussed and debated components of responsive design, fluid images. We’ll look at the original technique and its implementation and then explore some of the problems concerns and solutions.
Key Concepts
Current Thoughts on Responsive Images
- Mozilla Developer Network
- Responsive Images – The Ultimate Guide
- Planning for Responsive Images
- HTML5 Picture Element
- Responsive Images via A List Apart
Alternative Approaches
- Adaptive Images – Server-Side PHP/JavaScript
- HiSRC – JavaScript
- picturefill 3.0 – Javascript Polyfill
- rwdimages – JavaScript
- Foresight.js – Bandwidth Testing
- Responsive Enhance – JavaScript
- More on Responsive Image Techniques Here…