Working with responsive images is one of the biggest challenges front-end developers currently have when building websites. In this screencast I will show you how to use the new
picture tag and
srcset attribute, together with the
Picturefill.js polyfill, to achieve better flexibility, lessen the page size, and serve just the right image for that resolution and device.
View the code for this screencast on GitHub.