What is Responsive Design?

Real Life Responsive Design
I was thinking to write something on very common topic which is discussing much related to web design. I go through with some discussion forums, blogs and got that people are much talking about a word “responsive design” so the very basic question is What is Responsive Design? We at Netleon deal a lot with responsive designs and getting regular feedback, so let me try to describe as simple as I can,

So responsive design is basically you can say as you change the width or height has now been established on your website it responds in order for it to look as good as possible. So when you scale it down something like a mobile device like iPhone, android everything reformats itself, navigation changes, position of stuff changes in order to respond to the specific layout you have got.

Now the idea is that everything, all the widths and heights and stuff like that, are set in percentages as you begin to scale it in response. At certain key points things reformat entirely. Now adaptive design is very, very similar except everything is in pixels. It’s a fixed width except for certain key points like the iPhone or the width of an iPad or something like that. It then quickly adapts and changes its layout. So obviously adaptive design is not quite as good because you have to set fixed points for certain devices while responsive design will work for any device, any size device past, present or in the future. They suddenly announcement a new iPad or iPhone that is got a new pixel width or whatever.

Compare between adapt deisgn & responsive design.
with adapt design, if you’re going to do everything width, height and other stuff with fixed pixels, then you have to do one CSS file for the iPad and one for the iPhone and one for the Android tab and one for the other Android tab different resolution and another one for the Android phone, one for the mobile phone of nokia etc. So, in fact, you are creating loads of CSS files and that is really difficult to maintain.

With responsive design, ignore what devices are around and scale everything down. When that scaling gets uncomfortable then we’ll move things around using a new CSS file and reformat stuff. new domain Then it will continue to scale down until it gets even more uncomfortable and then we’ll move stuff around again.
It is less CSS files. It is not relying on any particular device. You are not designing for a particular device. You are just designing universally, if that makes sense, for whatever comes along.

So if a new device comes along, that is fine. You won’t need to change anything. That is the principle. So, responsive design is kind of the long term name.

When you try to build responsive sites theoretically it’s all great and wonderful and great. When you try to do it on a real site with real content things get a bit more difficult.

Inspired by Paul Boag @boagworld on Twitter




Leave a Reply

Your email address will not be published. Required fields are marked *

7 + 12 =