Thanks to Phyllis Orzalli for her insightful guest blog – technology is ever-changing and in order to stay competitive, we need to adapt with it.
Responsive Website Design – What is it and why do I need it?
For the first time since 2001, personal computer sales are down and are projected to drop further in 2013, according to, slashgear.com/pc-sales-to-decline-in-2012-for-the-first-time-in-11-years.
However, people are still using the Internet more than ever, so why this decline? Because consumers are buying tablets and smart phones at an increasing rate and it is expected to rise. In the U.S. 25% of people only use a mobile device to access the Internet.
Why should a business owner be concerned or interested in this change in consumer behavior? It is important that your website visitor be able to view your site optimally on any size device that they may be using.
Introducing responsive design! This means that your website will respond to the screen size of any device. This is the future. Responsive design has three parts to it:
1. Fluid and flexible grid system – using em’s or % – not pixels to state size of grid
2. Responsive and adaptive media – images and video that respond to size of screen
3. Media queries – CSS that gets applied for specific cases, one for mobile, one for ipad, one for desktop, etc
Even though this practice is relatively new, it has already become the industry standard. This process will ensure that your website viewer will have an optimal experience on your site, with easy reading and navigation. You should always strive to make your website beautiful and easy to use, no matter what the format.
There are many WordPress plugins that can help make your WordPress site responsive such as Wp Fluid Images, Responsive Video Embeds, and FitVids for WordPress. Need a little more help? Sass-lang.com/ can help with you CSS code, and WordPress.org has great forums and support. Or, you can always enlist the support of your Website designer.
The difference between smart-phone adaptable (sized to fit) and responsive design is that the website is designed and coded a little differently for each device, allowing it to adapt as needed for the best user experience available. Remember to always keep your website simple for the best results.
For more information: wordpress.tv/2013/01/31/brad-parbs-intro-to-responsive-design/