Responsive images in Drupal 8

A session for site builders (and themers) to get all the details about breakpoints and responsive images (picture) in Drupal 8.

1/ A bit of history
- why do we need this
- drupal 7 version
- the evolution of the picture tag
- performance benefits
- the polyfill and some pitfalls

2/ Breakpoints
- breakpoints used for the layout (grid) in your theme
- breakpoints used for inline content

3/ Responsive image mappings
- why do we need this
- when to use sizes, when to use breakpoints
- use of different mime types

4/ How to use it

5/ The future