What is Responsive Web Design?

Responsive Web Design is "progressively enhancing a web page for different viewing contexts through the use of techniques" according to Ethan Marcotte. Responsive web design is a way to make a website adapt depending on where it is being accessed. It uses techniques such as media queries to do so. These media queries are able to see the resolution, capability, and orientation of a device so that it can be seen to the viewer. Responsive Web Design uses this technique to improve the flexibility of a website.

In addition to that, Responsive Web Design is used so that a medium is not limited. A print medium will look the same as the web medium, making it more user friendly. Responsive Web Design is used so that phones, tablets, laptop, and desktops all have the same information and a similar layout. Responsive Web Design gives flexibility to the designer, and the layout can be uniform across different devices. It also allows things to adapt in landscape and portrait orientation.


Why should I make my sites responsive?

It is important to make sites responsive for a number of reasons. The number one reason is so that it is user friendly. If you have a site that does not transition seamlessly from computer to phone, it can be frustrating to the user, especially if things get left out when the site is on a smaller screen. Making sites responsive makes it easier on the website designer's behalf. They can design one website that can transition to different mediums, saving them time, and saving a company money. It also makes the site look more uniform and sophisticated.

It is also important to make sites responsive because they keep sites from being limited, and they are more flexible. The orientation and resolution is very important in a web page, and when it is constantly being changed it makes the website visually unappealing. Using responsive web design helps to fix that. Using Responsive Web Design will enhance your website, and make it look great across all platforms and mediums.