Back to all articles

Responsive Web Sites: Do You See What I See?

4 min read

With the advent of modern tablet and Smartphone computing, it’s more important than ever to employ responsive web design. In a nutshell, the term means website and blogsite pages that are designed to be viewed on different platforms, and using different hardware. The old fashioned way (this doesn’t mean a long time ago in this case) to cater to every or any kind of monitor or screen was to build several different sites: one for desktops or laptops, one for Smartphones, and one for tablet computing. The expense of doing this, in terms of money and time, is obvious; as are the added resources and costs involved in updating content. Enter the era of responsive web design.

Responsive sites have content that can adapt fluidly to the many different kinds of screens they appear on. For example, the same navigation menu seen on a high resolution, large desktop monitor may have to wrap to two or three lines, or reduce its font or image size on a Smartphone. All the while, that same menu needs to achieve the same results no matter where it’s seen. In a Windows 8 environment, for example, it will consist of tiles (and that in itself mimics the look of many Smartphone menus).

If you’re a WordPress user, you’ll be happy to know you’re well covered. There are scores of fluid, responsive themes out there, including names like Lucid, and Trim, both of which were created by Elegant Themes. For a great read, and a fantastic resource that includes a list and links for over 60 great responsive themes, please see the following tripwire magazine post: