Skip to main content

Watch: Responsive Images with Picturefill.js

By Guilherme Muller

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

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…

Guilherme is passionate about web development, especially HTML and CSS coding. With more than 10 years of experience, Guilherme works as a freelance web developer with clients of various fields, having published more than a hundred websites. Currently, Guilherme has his own small web development company in Curitiba, Brazil. When Guilherme is not coding, he’s usually running, reading, playing his cajón or travelling with his wife around Brazil and the world as “almost” backpackers.

New books out now!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.