What is Responsive Web Design?

Responsive Web Design

Have you ever heard the word "Responsive Web Design". Responsive Web Design is an web design which can re size itself according to the device it viewed in, like large display devices such as desktop computer and laptop or an small display devices such as tablet or smart phone.

As more people using the small screen devices like smart phones or tablet to view web pages, it is an important tool to present web page in better way.

What is Responsive Web Design?

The main purpose of responsive design is to have only one site, but with different elements that respond differently when viewed on devices of different sizes.

When a traditional website is viewed in tablet which has small screen as compare to laptop or desktop computer then it is difficult to see all the elements in website or to view whole elements in website one should scroll it horizontally which is quite irritating.

On a small smart phone display it is even more challenging to view whole website and the site can be slow while loading the whole page if it is graphically heavy.

However if the site uses responsive design then tablet version automatically convert the site into two columns which makes the site easily accessible and easy to navigate. 

On a smart phone it might appear as a single column so that user can simply swipe up the site and view other elements also. Images will resize itself instead of getting cut off.

The summary is: with responsive design, the website automatically adjusts itself based on the device the viewer sees it in.

Issue regarding graphics and download speed?

There are issue of graphics, ads and downloading speed.On mobile devices, it may be wise to display fewer graphics than for desktop views so that a site doesn’t take forever to load on a smart phone.

Thank you