Responsive Images — The Issues We Want To Solve

One of the first web design problem I was asked to solve had a lot to do with images. My client was a photographer with a slow loading site. Naturally the site was image heavy given the subject matter, but the person who had developed it compounded the problem by creating images where none were necessary.

Continue reading

Happy Thanksgiving — Images, Art, And Lego In New York

Happy Thanksgiving to those of you in the United States. A belated Happy Thanksgiving to those of you in Canada. Happy Thursday to the rest of the world.

Continue reading

Are Compressive Images A Good Solution For High Resolution Displays?

One of the challenges with responsive design is how to handle images. The issue gets more complicated when we consider images optimized for retina and other high resolution displays. Ideally we’ll use vector graphics or icon fonts where possible and even better replace images with code where we can. However, sometimes we need to serve bitmapped images.

Continue reading

Maintaining Image Hierarchy And Aspect Ratio In Responsive Design

For the last few weeks we’ve been talking about images in the context of responsive design. We looked at how to serve different images to different devices and then a couple of potential ways to replace bitmap images with icon fonts and SVG.
Continue reading

How To Create Simple Shapes With Scalable Vector Graphics (SVG)

The last few weeks we’ve been looking at images in the context of responsive design. First I talked about the techniques for serving different images to different devices. Then we looked at using icon fonts to replace images where possible.
Continue reading