Focal Point: Intelligent Cropping of Responsive Images

Responsive Images have been the hot topic over the past few months, this is a technique to get past the issue of cropping editorially important images.

The practice of implementing responsive images is still in its infancy. We’ve seen a lot of ideas and suggestions for how it should be done and we’re bound to see a lot more.

Today we’re going to look at a fascinating little framework that allows you to not only automatically resize your images when the viewport changes, but also crop the images with a specific important focal point in mind. Amazingly enough, it does all this with pure CSS. Read on to see how it works.

An excerpt from Focal Point: Intelligent Cropping of Responsive Images

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.