We build as many sites as possible using responsive design. Not all websites suit a responsive design, since many sites have galleries, sliders or other custom work that does not reconfigure well.
Responsive website design, the lastest development in media queries, became popular in early 2011. When you link to a responsive site, the layout of the files adjusts to fit your screen size. The effect is almost like a collapsing house of cards, as one section neatly collapses and fits under the previous one. For example, a standard, 940 pixel wide site will neatly collapse into a 480-pixel wide phone design.
In responsive design, the content stays the same – it only adjusts in size and relative position. Unlike traditional mobile programming, which often sacrifices information, pictures or details in order to prioritize the most important information, the information and the layout of responsive sites are organized in such a manner that they simply scale down and reconfigure slightly in position.
This site, Kits Media, is a good example of a responsive website design built on a WordPress framework. If you’re reading this page on a desktop computer, drag the browser window slowly closed and see how the content rearranges itself. As the window becomes more narrow, the information will form a “stack” but you won’t lose any content. Close the browser all the way until you see the menu change to light blue tabs, similar to the picture on the right. This is how the Kits Media site appears on a cell phone.
Try it again with our homepage and you’ll see that even the slideshow responds in scale to the size of the browser window. In some cases, as a design option, we swap banner images at a certain point of the scalability.
Ask us about responsive website development and if it’s right for your project. If your site is not a good candidate, we offer many other options for mobile programming. Even the most humble WordPress site can benefit from a little extra scripting for mobile devices.
