Responsive Websites Work For Mobile Smartphones and Tablets… as Well as Desktop Monitors and Laptops

When you’re looking at websites on your phone, some translate easily and look great. Others hold their form and have been designed for larger monitors than the tablet or smartphone screen. They can be almost impossible to read from an iPhone and you’ll find yourself constantly spreading your fingers to make the site bigger to tap a navigation link or pushing the site around to find what you’re looking for on the page.

When designing and developing a website, typically you’ll be looking at it during work… on your desktop or a laptop. But don’t forget that more and more people are viewing from their mobile phone or table. You’re going to want a website that can adjust to the device.

The difference is known as “Responsive”, meaning that the programming responds to the device that is viewing the site. Large desktop monitors still see all photos, headers and content. But tablets and smart phones scale down the website and eliminate some of the navigation, headers and extra pieces.
The first photo shows a website that has responded to the smartphone size. The second photo is the same website from the same URL address but is sized for a desktop monitor.

While my company’s website www.resources-results.com  has been switched to a responsive design, this blog, Branding & Marketing is still in a fixed format of Thesis 1.83.

I haven’t decided if I’m going to go Thesis 2.0 or venture into another theme. Those of you who have looked into other responsive themes, what are your favorites. Any former Thesis users who love love love their new responsive theme? Let me know by leaving a comment below.