X
WHAT DO YOU NEED?
YOUR DETAILS
* Required Fields
THANK YOU for contacting us

We endeavour to answer all enquiries within 1 business day, so you’ll be hearing from us shortly.

In the meantime we’d love you to get social with us
or perhaps you’d like to sign up to our newsletter?
You’ll receive FREE actionable tips and insights to improve your website

REQUEST A QUOTErope

BLOG

One Responsive Tool to Rule Them All

16 May 2013
4 Comments

Building responsive websites these days has its challenges but the results are always rewarding. There is nothing better than to see your full blown desktop site - that you've spent hours coding - shrink itself down to a streamlined greyhound on the latest gadget of your choice. Getting to this point though requires a number of bridges to be crossed - one of them is the developers bitter enemy... testing.

It's that phase we all love to hate.

That tedious, long drawn out, testing process

Testing always slows the process right down and points out all your flaws, and who wants that, really? But, once you get past it, you can see your polished site looking like the next best thing you post all over Facebook. Testing responsive websites is nothing new and comes with the territory. Ideally you will want to test on each device based on the traffic coming to your website. Doing this can be a tedious process - especially when you tweak something for your iPhone which then breaks something on your Android tablet and is further not supported on your Windows Phone. 

So is there an easier way to streamline this initial process?

Absolutely!

Enter The LimeLight Responsive Website Tool

There are already a number of great responsive website tools out there and each has its own purpose and feature set. However, no one tool appeared to combine all the features into one nice user-friendly interface. So, over the past 3 weeks, we've set out to bring all the great ideas out there and combine them into one intuitive tool.

Responsive Website Tool Screenshot

Our responsive website tool offers the following features and benefits:

  • Display multiple devices side-by-side on the screen at the same time
  • A single scroll bar to automatically scroll through all devices at the same time
  • Auto detection of the meta viewport tag and zooming in/out as required
  • Error reporting based on common setup mistakes with responsive sites
  • Clicking on links will automatically update all devices currently being viewed to offer a true synchronized browsing experience
  • A simple #hash tag URL is created to easily share via email or social media
  • A bookmark that you can drag into your toolbar to quickly send any website you're currently viewing into the responsive tool
  • The ability to switch into "minimal" mode for viewing sites on your local network that aren't visible over the Internet

Although no single tool can give you 100% the same effect as the actual device e.g. using our tool in Firefox will not emulate iPad font rendering and other such tweaks, it provides a great platform to get most things ironed out before doing device testing. It also lets you quickly review a CSS change on your desktop to see the flow on effect for your smaller devices.

We Value Your Feedback

It is great to be able to offer powerful tools back to the development community and I would encourage any new ideas and feedback of how to expand on this tool to mention them in the comments area below.

Click the image below to try the tool yourself. Happy testing!

Test Your Site Across Multiple Devices On One Screen

 

Written by
Nigel commenced working with us in 2004 shortly after graduating from WITT with a Bachelor of Applied Information Systems. Nigel specialises in web application development and has been instrumental in the development of Orbit our Content Management System. As ITC Manager, Nigel has overall responsibility for our internal systems and management of our Web Development team. As well as being our...

Add a comment4 Comments

Reply Darrell | May 18th, 2013 at 3:25am
Great Tool
Reply Nigel Wells (Author) | May 20th, 2013 at 8:37am
Thanks Darell. Hopefully it helps developers speed up that testing process a bit - I know we'll be using it for our clients' projects.
Reply Struan | June 4th, 2013 at 5:20pm
Excellent tool Nigel - well done, nothing like seeing it live and side by side.
Reply Chris Crandall | June 23rd, 2013 at 12:57am
like the functionality! I'll be back!

Leave a comment

Fields marked * are required