Episode 118: Responsive Images, Picturefill, and Web Standards

Scott Jehl and Jeffrey Zeldman discuss the picture element: a container for multiple images. Making the emerging W3C standard picture element work in today’s browsers. Polyfills and progressive enhancement. Responsible responsive design. Shim versus polyfill; srcset versus picture; the prefix wars. Balancing company projects and open source, community projects. Picturefill is a responsive images polyfill approach that web designers and developers can use today. Scott Jehl is a web designer and developer who works with the bright folks at Filament Group, where he creates websites and applications for a range of clients (including the 2012 responsive design of the Boston Globe). He is an active contributor to the open source community, frequently releasing ideas and projects on Github; a jQuery team member (most recently leading the development of the jQuery Mobile project); and the co-author of Designing With Progressive Enhancement (New Riders: 2010)