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/

3 Column Responsive Web Designs

In order for their website to cope up with different devices other than computers, web designers make a separate website for users to view the mobile version of the site whenever a mobile device is detected. Google for example, has its own mobile version for all  its domains and services. However, there are a few disadvantages which can cost much of your time because you need to sync whatever it is in your main website to your mobile version each time you add, delete, or modify the site’s design. Are there ways in which you will only use one website and make it respond to any screen size? This is where responsive web designs can be helpful.

 

Read how responsive web designs can help here: http://www.cheesetoast.co.uk/responsive-web-design-3-column-layout/