Simply put, responsive web design is the method of creating a website that looks good and works well on any device used to browse the web. Wikipedia defines it as follows:
During the website design process, special code is written in the form of CSS (Custom Style Sheets) that allows your website to be displayed differently depending upon what type of device your visitor is viewing the site on. This is done automatically through the use of media queries.
At it's most basic, a responsive design displays the same information in the mobile view of your website as a visitor would see if they were on a desktop computer. The information is just presented in a single column layout with a font size large enough to be easy to read on a phone or pad. We take responsive web design to the next level. We design your site so that mobile visitors have access to mobile-only elements, such as click-to-call and one click GPS navigation. These are features typically only found in native mobile apps or standalone mobile sites.
The responsive design philosophy is "mobile first." This means beginning the design process, from the planning stage all the way through to implementation, with the smallest screen size a site is likely to be viewed upon. Throughout the design phase of a responsive site, you should view your site on multiple mobile platforms. This will ensure that all your mobile visitors have an optimum viewing experience.
For those who don't currently have the marketing budget to have a professional build or redesign their site, we offer responsive web design tips in our "Web Design Tips" section. We will also provide a list of responsive design resources.