Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
33 lines (23 sloc) 1.18 KB

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.

Something went wrong with that request. Please try again.