https://github.com/mutafaf/testresponsiveness
Test Your Site Responsiveness
https://github.com/mutafaf/testresponsiveness
Last synced: 4 months ago
JSON representation
Test Your Site Responsiveness
- Host: GitHub
- URL: https://github.com/mutafaf/testresponsiveness
- Owner: mutafaf
- Created: 2018-05-26T18:17:48.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-12-22T11:19:52.000Z (over 7 years ago)
- Last Synced: 2025-04-05T14:42:30.393Z (about 1 year ago)
- Language: HTML
- Homepage: https://mutafaf.github.io/TestResponsiveness
- Size: 9.77 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Test Responsiveness
Test Responsiveness is a javascript based easy to use tool, that lets you show your clients the web page responsiveness.
[See Demo Here](https://mutafaf.github.io/TestResponsiveness)
##### Why Test Responsiveness?
- Free
- Easy to use (include and use)
- Bingo...!!! You're done.
## Installation and Usage
### Installaiton
Include the test_responsive.js in head tag of your webpage.
```sh
```
### Add basic HTML
Create two divs with unique IDs e.g. `btn-group-container` and `frame-container`.
```sh
```
### Call the `createPlayground()`
Insert the following script right before end of your `body` tag.
```sh
document.addEventListener("DOMContentLoaded", function(event) {
//insert URL here
var url = "mutafaf.com";
//insert parent container ID for buttons group
var btnGroupParent = "btn-group-container";
//insert parent container ID for frame
var frameParent = "frame-container";
createPlayground(url,btnGroupParent, frameParent);
});
```
### Explaination
Call the createPlayground() function with 3 parameters.
The first one is `URL` to load.
Second is `btn-group-container`, ID of parent `div` for button group.
Third is `frame-container`, ID of parent `div` where you want the website to load.
## Author
[Mutafaf Wahhaj] is a Full Stack Web Developer and have expertise in various modern technologies.
[Linkedin](https://www.linkedin.com/in/mutafaf/) | [Twitter](http://twitter.com/mutaffaf) | [StackOverFlow](https://stackoverflow.com/users/7360347/mutafaf)
License
----
MIT
**Free Software, Hell Yeah!**
[Mutafaf Wahhaj]: