Responsive Web Design Definition, Advantages, and Disadvantages

Are you looking for responsive web design definition? Now many people do online activities through Smartphone devices, such as status updates, image uploads, and not to mention accessing a website. With circumstances like this, we inevitably as a website owner must have a website that can be accessed through the device Smartphone. In the discussion of this article we will begin to know what responsive web design is. Responsive web design is advancement in the web design industry that has the effect of designing and developing a web. The steadily increasing popularity of smart phone devices (tablets, phones, etc.) and has created a very serious request for a website to be viewed on a small screen.

For those who use CMS like WordPress may already have the plug-in available, but what about making it from scratch or zero or using CMS that is not yet available mobile plug-in? Surely have to re-create the website in the form of mobile instead. Then what is the solution? Now with the presence of this Responsive technology, we only need to use one design only for various devices available. This is the best way if we are lazy to redevelop our website to fit the mobile device.


Responsive Web Design is a technique used to make the website layout to adjust to the display device visitor, both size and orientation. So the view that is on the desktop computer with a view that is accessed through Smartphone for example, it will be different appearance. Responsive Web Design to test the view using the Responsive technique does not have to access it through mobile devices or other devices, but simply by minimizing the browser to the desired mobile device size, we can already see our website display on the mobile device screen.

Advantages and disadvantages

This technique has been widely used among web designers outside and local and has several advantages, one of which is the savings of the use of sub domain, which had access if you must use the word “mobile” or “m” in front of the domain, now simply by typing the domain name only and the display will adjust to the device used. The main advantage of course can reduce the amount of development into one course for use all devices. Then the weakness of this technique is if used on a website that aims to display images only, such as photography websites for example. The image resource loaded by our device will be the same as the one loaded on our computer. For that we need to pay attention to whether the website that we created suitable to be applied this Responsive technique.

Responsive technique is good used for optimization of website layout. But its use must be tailored to the type of website itself, whether to “fit” when used this technique on the website. For a website that aims only to display images such as photography websites, better make its mobile version only, so as not to consume too many resources. So, now you know a little about responsive web design definition.

Leave a Reply

18 − seventeen =