Responsive-Design-Testing 0,0,0,0,0,0,5

A simple HTML page to test out your responsive web design

2 years after

Responsive Design Testing

This tool is for everyone who needs a quick and easy way to test their website design in multiple screen widths.

Permalink style testing

You can test any website, and provide the link to anyone you like by adding their URL to the end of the testing page address. For example: http://mattkersley.com/responsive?google.com

Installing on your own server

  • Copy index.html and responsive.js onto your machine
  • Update the defaultURL at the top of responsive.js to your own website
  • Upload the files into a subdirectory on your server
  • Navigate to the new subdirectory via a browser

Once you've uploaded, you can navigate your website from within the iframes, and the others will update. This won't work for external sites however due to browser security restrictions.

Related Repositories

grunt-autoshot

grunt-autoshot

Create a quick screenshot for your site which could help for document or testing ...

responsive-bookmarklet

responsive-bookmarklet

a simple and powerful bookmarklet for testing responsive design ...

responsive-hub

responsive-hub

JavaScript goodies for Responsive Design ...

firefox-mobile-device-presets

firefox-mobile-device-presets

Mobile Device Presets for Firefox Responsive Design View ...

awesome-software-engineer-topics

awesome-software-engineer-topics

A list of useful articles and videos generated from my Instapaper archived list ...


Top Contributors

mattkersley d2s scudco eddiemonge