https://github.com/mattkersley/Responsive-Design-Testing

A simple HTML page to test out your responsive web design
https://github.com/mattkersley/Responsive-Design-Testing

Last synced: about 2 months ago
JSON representation

A simple HTML page to test out your responsive web design

• Host: GitHub
• URL: https://github.com/mattkersley/Responsive-Design-Testing
• Owner: mattkersley
• Created: 2011-07-18T12:28:24.000Z (about 13 years ago)
• Default Branch: master
• Last Pushed: 2024-02-29T10:25:27.000Z (7 months ago)
• Last Synced: 2024-04-27T19:34:33.567Z (5 months ago)
• Language: JavaScript
• Homepage: http://mattkersley.com/responsive
• Size: 23.4 KB
• Stars: 1,072
• Watchers: 81
• Forks: 530
• Open Issues: 15
• Metadata Files:
  • Readme: README.markdown

Awesome Lists containing this project

README

        
# 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.