Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.

~via Smashing Magazine >> READ THE WHOLE ARTICLE HERE

So what that means is that we, as web designers, are moving toward making sites all inclusive and more functional for mobile browsing. This means that when planning a layout, we take into account that some will view our site on a large desktop monitor, and others will view it on an iPhone. We create code that will scale images and text to fit a smartphone, while creating a layout that is pleasing on a wide screen monitor.

In WordPress, there are a couple of solutions.

First, adding a mobile theme. There are some themes available that produce a mobile version of your website for iPhone/Smartphone users. Simply add the theme to your site and fill in all the details.

Second, WordPress theme creators are now taking “responsive” layouts into account and are creating themes that do the heavy lifting for you. In the next few months I think we will start to see themes that are created with that specific agenda – being well done when viewed on a desktop or smartphone – in mind to make them more attractive to the forward thinking designers.

Your thoughts?

Pin It on Pinterest

Share This
%d bloggers like this: