search

hugopeek / romanesco-patterns

0 stars 0 forks source link

Responsive images through srcset and picture attributes #71

Closed hugopeek closed 4 years ago

hugopeek commented 7 years ago

http://alistapart.com/article/responsive-images-in-practice

All Overview and ContentBlocks images need to be equiped with this technique. Art direction might become an issue in some scenarios, but let's just start by trying to serve smaller images on smaller viewports and by looking at the screen dpi to identify HiDPI/Retina devices.

hugopeek commented 7 years ago

First iteration is complete, but that only implemented the functionality in Overviews and global CSS backgrounds.

Still working on individual Image CBs, gallery / slider images and snapped / inflated images. There could also be a problem with calculating the width correclty in the 'sizes' attribute, in relation to the sidebar width.