Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/glauberf/teste-responsividade
teste a responsividade de seu sistema, indiferente de dispositivo, de uma forma fácil e intuitivaa
https://github.com/glauberf/teste-responsividade
Last synced: 8 days ago
JSON representation
teste a responsividade de seu sistema, indiferente de dispositivo, de uma forma fácil e intuitivaa
- Host: GitHub
- URL: https://github.com/glauberf/teste-responsividade
- Owner: GlauberF
- Created: 2015-11-19T13:59:17.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2015-11-19T13:59:40.000Z (almost 9 years ago)
- Last Synced: 2023-03-04T10:11:50.304Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 9.07 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Responsive Test
This tool is used to test responsive layout. You can see the live demo on http://responsivetest.net.
Powered by [jQuery](http://jquery.com), [Bootstrap 3](http://getbootstrap.com), and [AngularJS](http://angularjs.org).
> You should also check [BootstrapValidator](http://bootstrapvalidator.com), the best jQuery plugin to validate form fields. It's another cool thing by [@nghuuphuoc](http://twitter.com/nghuuphuoc)
## Download and run
* Download ResponsiveTest from the [Github page](http://github.com/nghuuphuoc/responsivetest) directly.
It's also possible to download the tool with [bower](http://bower.io):
```bash
$ bower install responsivetest
```
* Point your web server to the ResponsiveTest directory.
You can use python to simplify this step by running the following command:
```bash
$ python -m SimpleHTTPServer
```
Then, access the browser at ```http://localhost:```
> ResponsiveTest is written in CSS, Javascript, and HTML entirely.
> The tool uses an Ajax request to retrieve the devices data which is stored in an external file (```data/devices.json```).
>
> As you know, the browser doesn't allow to do it if the file is served locally due to security concern
> ```Origin null is not allowed by Access-Control-Allow-Origin```
>
> That's why we need to run it with a HTTP server.
## Add more devices
The device sizes are defined in ```data/devices.json``` file.
If you want it to support more devices and screen resolutions, please fork the project and pull a new request.
You don't have to rebuild if you only change the ```data/devices.json``` file.
> By default, the tool will randomly load an URL found in ```randomUrls``` section from ```data/devices.json```.
## Build
The build process finds the CSS, JS files in the ```src``` and compresses them, places compressed files in the ```dist``` directory.
First, use [grunt](http://gruntjs.com) to install the dependent packages:
```bash
$ npm install grunt --save-dev
$ npm install grunt-contrib-copy --save-dev
$ npm install grunt-contrib-cssmin --save-dev
$ npm install grunt-contrib-uglify --save-dev
$ npm install grunt-ngmin --save-dev
```
Then, execute the following command to build:
```bash
$ grunt
```
## Author
ResponsiveTest is developed by Nguyen Huu Phuoc
* [http://twitter.com/nghuuphuoc](http://twitter.com/nghuuphuoc)
* [http://github.com/nghuuphuoc](http://github.com/nghuuphuoc)
Big thanks to the contributors:
* [michaseel](https://github.com/michaseel)
* [Emrehan Tuzun](https://github.com/emrehan)
## License
Copyright (c) 2013 Nguyen Huu Phuoc
ResponsiveTest is licensed under the MIT license.