Skip to content

Instantly share code, notes, and snippets.

@illepic
Created August 21, 2013 17:30
Show Gist options
  • Save illepic/6297415 to your computer and use it in GitHub Desktop.
Save illepic/6297415 to your computer and use it in GitHub Desktop.
responsive bookmarklet
javascript:document.write(%27<!DOCTYPE html><html><head><meta charset%3D"utf-8"><title>Responsive Design Testing</title><style>body %7B margin: 20px%3B font-family: sans-serif%3B overflow-x: scroll%3B %7D.wrapper %7B width: 6000px%3B %7D.frame %7B float: left%3B %7Dh2 %7B margin: 0 0 5px 0%3B %7Diframe %7B margin: 0 20px 20px 0%3B border: 1px solid %23666%3B %7D</style></head><body><div class%3D"wrapper"><div class%3D"frame"><h2>240<span> x 320</span> <small>(mobile)</small></h2><iframe src%3D"%27 %2B window.location %2B %27" sandbox%3D"allow-same-origin allow-forms" seamless width%3D"240" height%3D"320"></iframe></div><div class%3D"frame"><h2>320<span> x 480</span> <small>(mobile)</small></h2><iframe src%3D"%27 %2B window.location %2B %27" sandbox%3D"allow-same-origin allow-forms" seamless width%3D"320" height%3D"480"></iframe></div><div class%3D"frame"><h2>480<span> x 640</span> <small>(small tablet)</small></h2><iframe src%3D"%27 %2B window.location %2B %27" sandbox%3D"allow-same-origin allow-forms" seamless width%3D"480" height%3D"640"></iframe></div><div class%3D"frame"><h2>768<span> x 1024</span> <small>(tablet - portrait)</small></h2><iframe src%3D"%27 %2B window.location %2B %27" sandbox%3D"allow-same-origin allow-forms" seamless width%3D"768" height%3D"1024"></iframe></div><div class%3D"frame"><h2>1024<span> x 768</span> <small>(tablet - landscape)</small></h2><iframe src%3D"%27 %2B window.location %2B %27" sandbox%3D"allow-same-origin allow-forms" seamless width%3D"1024" height%3D"768"></iframe></div><div class%3D"frame"><h2>1200<span> x 800</span> <small>(desktop)</small></h2><iframe src%3D"%27 %2B window.location %2B %27" sandbox%3D"allow-same-origin allow-forms" seamless width%3D"1200" height%3D"800"></iframe></div></div></body></html>%27)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment