https://github.com/johnpolacek/jquery.framer
The jQuery Plugin for adding configurations to responsive design test pages
https://github.com/johnpolacek/jquery.framer
Last synced: over 1 year ago
JSON representation
The jQuery Plugin for adding configurations to responsive design test pages
- Host: GitHub
- URL: https://github.com/johnpolacek/jquery.framer
- Owner: johnpolacek
- Created: 2012-10-05T16:07:07.000Z (almost 14 years ago)
- Default Branch: master
- Last Pushed: 2012-10-05T17:26:44.000Z (almost 14 years ago)
- Last Synced: 2025-03-15T18:22:25.250Z (over 1 year ago)
- Language: JavaScript
- Size: 104 KB
- Stars: 5
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
jQuery Framer
-------------
**The jQuery Plugin for adding configurations to responsive design test pages**
*by [@johnpolacek](http://twitter.com/johnpolacek)*
jQuery Framer is built upon fine work done by others like Matt Kersley, Benjamin Keen and lensco.
See it in action on [Responsivator!](http://dfcb.github.com/Responsivator)
**USAGE**
If all you want to do is turn your webpage into a Responsive Design Test Page:
`$.Framer();`
You can customize by doing this:
```
var framesArray = [
{ width:320, height:480, label:'Phone (portrait)' },
{ width:480, height:320, label:'Phone (landscape)' }),
{ width:480, height:800, label:'Small Tablet (portrait)' }),
{ width:800, height:480, label:'Small Tablet (landscape)' }),
{ width:768, height:1024, label:'Large Tablet (portrait)' }),
{ width:1024, height:768, label:'Large Tablet (landscape)' }),
{ width:1280, height:800, label:'Desktop' }
];
$.Framer({frames:framesArray});
```
Dual licensed under MIT and GPL.