The jQuery Plugin for adding configurations to responsive design test pages
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
jquery.framer.js

README.md

jQuery Framer

The jQuery Plugin for adding configurations to responsive design test pages by @johnpolacek

jQuery Framer is built upon fine work done by others like Matt Kersley, Benjamin Keen and lensco.

See it in action on 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.