Responsive Design: Why you should know what it is even if you are not a web monkey
Chances are if you are a business owner, you have a web site.
Unless you hang out with a geek like me, you have never heard of Responsive Design. Why does it matter? What is it?
Responsive design is what happens when a website meets a huge big screen monitor, and a little laptop monitor and a Kindle screen and an iPad screen and an Android phone. The design addresses all of those. It looks good and works on all of those.
Really? how does that work?
In the example below, we have different designs for different devices. This particular example is one where we built different layouts for mobile both portrait and landscape, as well as an ipad version, and they are all loaded at the same time.
The way it works is that a design is done for mobile first (hopefully) and then built to add content and scale up as the screen changes. That way, mobile elements only load what is necessary and each interface is optimal for each device. The code on the page determines what size either the screen or device is, and serves up the right layout to accommodate it. It’s really cool.
There is debate among geeks as to whether building a separate mobile site is better than building a site that has multiple designs at once like this. If you know geeks and have an opinion, you can argue with them about it. Me, I fall on the side of mobile-first responsive design. Nuff said.
If you have a well built site, this type of approach is an easy add-on. If you haven’t updated your site since 2005, you might want to think about doing so… and make sure to use responsive design. It’s going to become more and more important.

