{"id":13398863,"url":"https://github.com/nghuuphuoc/responsivetest","last_synced_at":"2025-03-14T03:30:43.131Z","repository":{"id":8205436,"uuid":"9638596","full_name":"nghuuphuoc/responsivetest","owner":"nghuuphuoc","description":"Test responsive layout, powered by AngularJS and Bootstrap 3. If this tool is useful to you, please Star it.","archived":true,"fork":false,"pushed_at":"2016-05-24T10:17:04.000Z","size":10041,"stargazers_count":439,"open_issues_count":15,"forks_count":203,"subscribers_count":47,"default_branch":"master","last_synced_at":"2024-07-21T03:36:49.034Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://responsivetest.net","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nghuuphuoc.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-04-24T03:20:22.000Z","updated_at":"2024-07-20T09:23:35.000Z","dependencies_parsed_at":"2022-08-06T22:00:38.335Z","dependency_job_id":null,"html_url":"https://github.com/nghuuphuoc/responsivetest","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nghuuphuoc%2Fresponsivetest","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nghuuphuoc%2Fresponsivetest/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nghuuphuoc%2Fresponsivetest/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nghuuphuoc%2Fresponsivetest/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nghuuphuoc","download_url":"https://codeload.github.com/nghuuphuoc/responsivetest/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":213240356,"owners_count":15557463,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T19:00:32.295Z","updated_at":"2024-07-30T19:03:14.468Z","avatar_url":"https://github.com/nghuuphuoc.png","language":"JavaScript","funding_links":[],"categories":["Podcast","JavaScript"],"sub_categories":[],"readme":"# Responsive Test\n\nThis tool is used to test responsive layout. You can see the live demo on http://responsivetest.net. \n\nPowered by [jQuery](http://jquery.com), [Bootstrap 3](http://getbootstrap.com), and [AngularJS](http://angularjs.org).\n\n\u003e 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)\n\n![ResponsiveTest screen shot](img/demo.gif)\n\n## Download and run\n\n* Download ResponsiveTest from the [Github page](http://github.com/nghuuphuoc/responsivetest) directly.\nIt's also possible to download the tool with [bower](http://bower.io):\n\n```bash\n$ bower install responsivetest\n```\n\n* Point your web server to the ResponsiveTest directory.\nYou can use python to simplify this step by running the following command:\n\n```bash\n$ python -m SimpleHTTPServer \u003cport\u003e\n```\n\nThen, access the browser at ```http://localhost:\u003cport\u003e```\n\n\u003e ResponsiveTest is written in CSS, Javascript, and HTML entirely.\n\u003e The tool uses an Ajax request to retrieve the devices data which is stored in an external file (```data/devices.json```).\n\u003e\n\u003e As you know, the browser doesn't allow to do it if the file is served locally due to security concern\n\u003e ```Origin null is not allowed by Access-Control-Allow-Origin```\n\u003e\n\u003e That's why we need to run it with a HTTP server.\n\n## Add more devices\n\nThe device sizes are defined in ```data/devices.json``` file.\n\nIf you want it to support more devices and screen resolutions, please fork the project and pull a new request.\n\nYou don't have to rebuild if you only change the ```data/devices.json``` file.\n\n\u003e By default, the tool will randomly load an URL found in ```randomUrls``` section from ```data/devices.json```.\n\n## Build\n\nThe build process finds the CSS, JS files in the ```src``` and compresses them, places compressed files in the ```dist``` directory.\n\nFirst, use [grunt](http://gruntjs.com) to install the dependent packages:\n\n```bash\n$ npm install grunt --save-dev\n$ npm install grunt-contrib-copy --save-dev\n$ npm install grunt-contrib-cssmin --save-dev\n$ npm install grunt-contrib-uglify --save-dev\n$ npm install grunt-ngmin --save-dev\n```\n\nThen, execute the following command to build:\n\n```bash\n$ grunt\n```\n\n## Author\n\nResponsiveTest is developed by Nguyen Huu Phuoc\n* [http://twitter.com/nghuuphuoc](http://twitter.com/nghuuphuoc)\n* [http://github.com/nghuuphuoc](http://github.com/nghuuphuoc)\n\nBig thanks to the contributors:\n\n* [michaseel](https://github.com/michaseel)\n* [Emrehan Tuzun](https://github.com/emrehan)\n\n## License\n\nCopyright (c) 2013 Nguyen Huu Phuoc\n\nResponsiveTest is licensed under the MIT license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnghuuphuoc%2Fresponsivetest","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnghuuphuoc%2Fresponsivetest","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnghuuphuoc%2Fresponsivetest/lists"}