Posts

The Clown Car Technique for Responsive Web Design

Clown-Car

Responsive web design has been the hot topic today. Do you know why? Because nobody likes the idea. New elements are being introduced as a solution to this problem but it only turns out to be more of a headache than a problem-solving technique. The idea is to provide images for users to be able to view regardless or the display size or resolution without wasting memory or bandwidth.

The “clown car” technique is a technique wherein large images are in a single SVG image file. We then use the <object> element to encourage browsers to support raster images in SVG as an <img>. It is not a viable solution as problems may still arise but it is the best method so far.

Take a look at this post to learn more about the “Clown Car” technique: http://coding.smashingmagazine.com/2013/06/02/clown-car-technique-solving-for-adaptive-images-in-responsive-web-design/