Responsify

The first responsive design button

Responsivify

Tired of users complaining about how hard it is to scale their browser to see how responsive and totally rad your site is?
Copy this script on your page for users to view how impressive your responsive design really is! Fits really nice with your social media buttons. More details to follow.

<a class="rspnsfy-btn" href="javascript:(function(){ rspnsfy.init() })();" >Responsivify</a>
= 5 [Vert]"},{w:568,h:320,label:"iPhone >= 5 [Hori]"}],init:function(){var e=rspnsfy;if(e.current=0,e.currentSize.w=e.defaultSize.w=window.innerWidth,e.currentSize.h=e.defaultSize.h=window.innerHeight,1==e.fast){e.timeRest=e.timeRestFast,e.timeAnimate=e.timeAnimateFast;for(var t=320,o=0;30>o;o++){var r=Math.round(1080*Math.random()),n=Math.round(800*Math.random());t>n&&(n=t),e.sizes.push({label:"Random",w:r,h:n})}}else e.timeAnimate=e.timeAnimateDefault,e.timeRest=e.timeRestDefault;e.sizes.push({label:"Origin",w:e.defaultSize.w,h:e.defaultSize.h});for(var i="",n=0;n=1?setTimeout(e.nextStep,e.timeRest):setTimeout(e.animate,1)},ease:function(e,t,o){var r=e-t;return result=e-r*o,1>result&&(result=1),Math.round(result)},nextStep:function(){var e=rspnsfy;e.current++,e.current>=e.sizes.length?e.finish():e.gotoStep()},finish:function(){var e=this;document.body.removeChild(e.overlayInfo),document.body.style.overflow="",document.body.style.width="",document.body.style.height="",document.body.style.position="",document.body.style.margin="",document.body.style.padding="",document.body.style.border="";var t=document.getElementsByTagName("html")[0];t.setAttribute("style"," ")}}}(); ]]>