logo

Let’s make some MAGIC together

Grab your fav beverage and let’s gab about your hopes, your dreams and what’s standing in your way.


BOOK NOW

Got questions?

Give us a call or drop me a line anytime, we endeavor to answer all inquiries within 24 hours or on the next business day.

Office Phone: 1-360-930-9806
Email:  hello@pamlangord.com

You can always find me online
facebook.com/pam.langord/

Website’s Responsiveness – What is this?

  • By Pam Langord

In today’s digital era, the word SEO and WordPress is known to many, especially for online enthusiasts. There is another word though that goes with that but is often misunderstood or knows nothing about.

What is Responsive Web Design (RWD), really?

Following the definition in Wikipedia, it is a Web design approach that makes viewing of a website in a wide range of devices (from mobile phones, tablets to different sizes of desktop computer monitors) without affecting its design and graphics.

This has become more popular since the use of mobile devices for internet browsing boomed, too! If your website can’t be seen properly on mobile devices, you’re losing a lot of potential clients.

To show you how a certain website looks like on a wide variety of monitors, here are some examples:

mobile-responsive-web-design-2-ridgetopvirtualsolutions

Above Picture Source: http://goo.gl/3ByUxq

This is an example of a website’s home page on different screens. Notice that the design slightly changes with the screen. Mostly, the menu is at the upper right or left side and automatically drops down and shows the menu as you click its icon.

Now, can you see the difference? The bottom design of the site on a PC shows on mobile as the user continues to scroll down on the mobile device while on the PC, all images are seen at once because of the screen size.

This is what responsiveness means. The pictures and design responses to the device’s size, so the viewer can still see the same design even on a smaller screen. Programmers know how to do that but I don’t want to tackle much on that side.

The reason why I’m showing you this is so that you can check how responsive your website is on different devices. I recently did that to my website and I like how it changes on smaller screens.

My website on mobile view:

My website on laptop view:

Most websites are said to be responsive but when you check on different devices, some menus and pictures appear distorted or out of place. That’s the last thing we want to happen. Giving our viewers any reason not to stay on our site.

mobile-responsive-web-design-ridgetopvirtualsolutions

Above Picture Source: http://goo.gl/ki2GXu

Check out your site and tell us if you’re happy with what it looks like on different screen sizes. If not, start contacting your programmer to have it fixed.