JavaScript
Article
By Guilherme Muller

Watch: Responsive Images with Picturefill.js

By Guilherme Muller
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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.

Loading the player…

--ADVERTISEMENT--

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?