Articles -
October 28th, 2014
Using Picturefill for Responsive, Art Directed Images in Statamic
Nowadays, users expect a website to look great no matter what device they're using but this can get tricky with viewport sizes and ratios being so drastically different from one another. Picturefill is a tool that enables support for the <picture>
element, a developing polyfill that is quickly becoming a standard and will enable the ability to art direct images based on device sizes. I'm going to run through how I've used it in conjunction with Statamic's image transform tag.