Yoav is a Web performance and browser internals specialist, working on responsive design Web performance, image compression and more. He is a technical lead at the Responsive Image Community Group and a Blink & WebKit committer. He is currently responsible for the implementation of responsive images in Blink & WebKit.
Up until recently, Responsive Web design often meant using one of the various Responsive Images hacks or take a performance hit. Nowadays, that is no longer the case.
After over 2 years of community effort, we have finally reached the stage where a native responsive images solution is part of the Web Platform. The <picture> element and the
srcset attribute are now shipping with Chrome and Opera, and the implementation in other browsers is well under way.
In this session, we will discuss the various use cases the specification handles, the native solution and matching syntax for each one of them, practical advice regarding these new markup patterns, the state of current implementation efforts and what other image-related solutions may come in the future.