Chapter 3
Fluid Layouts and Responsive Images
Section 9
Responsive Images
Let’s move to the next topic, Responsive Images. Serving the appropriate image to users based upon the particulars of their device and environment has always been a tricky problem. This problem was highlighted with the advent of responsive web design, the very nature of which is to serve a single code base to each and every device. This video covers: - The Intrinsic Problem of Responsive Images - Embedded Content Specification - Responsive Images - Simple Resolution Switching with srcset - Advanced Switching with srcset and Sizes - Art Direction With The Picture Element - Demo on Provide Alternative Images Depending on Device Capabilities