Have you asked yourself, “What is responsive Web design?” Responsive Web design is an approach whereby a designer creates a Web page that “responds to” or resizes itself depending on the type of device it is being seen through. That could be an oversized desktop computer monitor, a laptop, a 10-inch tablet, a 7-inch tablet, or a 4-inch smartphone screen.
Responsive Web design has become one of the hottest trends in 2013. This is due in part to the growth of smartphones and other mobile devices. More people are using smaller-screen devices to view Web pages.
- Desktop. Let’s take a traditional website. When viewed on a desktop computer, for instance, the website might show three columns. But when you view that same layout on a tablet, it might force you to scroll horizontally or things might be hidden from view or look distorted. The desktop view is usually the best for many sites but half your visitors aren’t on a desktop now.
- Mobile phone. If a site uses responsive design, a smartphone might display the regular 3 column content as a single column, perhaps stacked vertically. Or possibly the user would have the ability to swipe over to view other columns. Images will resize instead of distorting the layout or getting cut off..
- Tablet. A tablet works the same way, except the tablet might show 2 columns instead of 3 or 1 because it is in between the size of a smartphone and a desktop.
A screenshot of the Peabody Police Department website from an iPhone. For this site the slider is automatically smaller and the columns all become one long page.