21051745_mlResponsive web design was first introduced to us by Ethan Marcotte in a 2010 post published on A List Apart entitled (as you might expect) Responsive Web Design.

In the very same year – in fact, just a few weeks earlier – the iPad became the first of the current wave of mobile tablet devices to be released to the public, changing the way we surf the web and communicate with each other forever.

Since then, responsive design has slowly become more widespread.

But for the vast majority of people using the web, the term means nothing. They just want websites to render properly on their device. They don’t want to click on tiny hyperlinks that may or may not take them to the page they wanted, and they certainly don’t want to wait while a page rammed with resource-heavy code and imagery takes way too long to download.

They want zippy, fast-loading pages that are easy to use, which is what you should get from responsive design

Typically, there are four screen types:

  1. desktop,
  2. laptop,
  3. tablet, and
  4. smartphone.

The exact dimensions for each varies wildly across manufacturers. Your site should look the same on each variant. Figuring that out sounds like fun, right?

This one tests your site across six popular mobile device emulators, including the iPhone 5, HTC ONE and Google Nexus.

To test a site, click on the device you’re interested in and enter the URL of the site/page you want to test. Within a few seconds the emulator retrieves the page on the device. Not only that, the page links and other data remains active, so you can browse the site via the emulator.

Use MobileTest.me.

Use Google’s Mobile-Friendly Test.

Use Am I Responsive.

Use Responsinator.

CONTACT US WE WILL BE HAPPY TO ASSIST YOU!  karla@kfoutsdesigns.com