HTML srcset attribute - responsive images - PART 1

In this tutorial we will talk about the srcset attribute of the img element. With this attribute you can define specific images for a specific screen width and pixel density. This tutorial focuses on the w-descriptor. It gives the browser informations about the width of an image, so he can choose the proper image out of a list of images. This is saving traffic and always shows the proper image for the clients screen.

As always I am using JSBin in this tutorial:
http://www.jsbin.com

For more informations about srcset have a look here:

http://www.webdesignerdepot.com/2015/...

http://blog.kulturbanause.de/2014/09/...

http://www.w3.org/html/wg/drafts/html...

I am looking forward for your comments!

Phillip from webstudio