Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save leo07vasp/beeac641efda514afa83ec51a87bad22 to your computer and use it in GitHub Desktop.
Save leo07vasp/beeac641efda514afa83ec51a87bad22 to your computer and use it in GitHub Desktop.
//Resizer - Responsive Design Bookmarklet
javascript:(function(){document.body.appendChild(document.createElement('script')).src='http://codebomber.com/jquery/resizer/resizer.min.js';})();
//ish - yet another viewport resizer
bradfrostweb.com/demo/ish/?url=http%3A%2F%2Fbradfrostweb.com%2Fdemo%2Fish%2F
//Responsinator - Responsive Design Bookmarklet
javascript:location.href='http://www.responsinator.com/?url='+window.location.href
//RWD - Responsive Design Bookmarklet
javascript:void((function(){var d=document;d.write('<!DOCTYPE html><html><head><meta charset="UTF-8"><title>'+d.title+' - Responsive test</title><link rel="stylesheet" href="http://responsive.victorcoulon.fr/assets/css/app.css"><script src="http://responsive.victorcoulon.fr/assets/js/app.min.js"></script></head><body><header><div class="close"><a href="#">×</a></div><div id="size"></div><div class="keyboard"><a href="#">I</a></div><div class="cssrefresh"><a href="#">I</a></div><div id="devices"><a href="#" class="tablet-portrait"><span>Tablet Portrait</span></a><a href="#" class="tablet-landscape"><span>Tablet Landscape</span></a><a href="#" class="smartphone-landscape"><span>iPhone Landscape</span></a><a href="#" class="smartphone-portrait"><span>iPhone Portrait</span></a><a href="#" class="auto active"><span>Auto</span></a></div></header><section><div id="wrapper"><iframe src="'+d.URL+'" onLoad="resbook.changeUrl(this.contentWindow.location,this.contentDocument.title);"></iframe><span class="keyboard-bg"></span></div></section></body></html>')})());
//fitWeird - A window monitor bookmarklet
javascript:(function(){s=document.createElement('script');s.type='text/javascript';s.src='https://raw.github.com/davatron5000/fitWeird/master/fitWeird.js?v='+parseInt(Math.random()*99999999);document.body.appendChild(s);})();
//xray - Bookmarklet to see the box model for any element on any web page
javascript:function loadScript(scriptURL) { var scriptElem = document.createElement('SCRIPT'); scriptElem.setAttribute('language', 'JavaScript'); scriptElem.setAttribute('src', scriptURL); document.body.appendChild(scriptElem);}loadScript('http://westciv.com/xray/thexray.js');
//deCSS3 - Bookmarklet that will let you see how well your pages are gracefully degrading without having to open up IE6-8
javascript:(function(){s=document.createElement('script');s.type='text/javascript';s.src='https://raw.github.com/davatron5000/deCSS3/master/deCSS3.js?v='+parseInt(Math.random()*99999999);document.body.appendChild(s);})();
//DOM Monster - Cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on, and give you its bill of health
javascript:(function(){var script=document.createElement('script');script.src='http://mir.aculo.us/dom-monster/dommonster.js?'+Math.floor((+new Date)/(864e5));document.body.appendChild(script);})()
//HTML CodeSniffer - Boomarklet which checks HTML source code and detects violations of a defined coding standard
javascript:(function() {var _p='http://squizlabs.github.com/HTML_CodeSniffer/build/';var _i=function(s,cb) {var sc=document.createElement('script');sc.onload = function() {sc.onload = null;sc.onreadystatechange = null;cb.call(this);};sc.onreadystatechange = function(){if(/^(complete|loaded)$/.test(this.readyState) === true){sc.onreadystatechange = null;sc.onload();}};sc.src=s;if (document.head) {document.head.appendChild(sc);} else {document.getElementsByTagName('head')[0].appendChild(sc);}}; var options={path:_p};_i(_p+'HTMLCS.js',function(){HTMLCSAuditor.run('WCAG2AA',null,options);});})();
//Password generator - Bookmarklet for instantly creating a random 10 character password
javascript:(function() {var tmp='';var str='23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ';var len=str.length;for(var i=0;i<10;i++){tmp+=str[Math.floor(Math.random()*len)];}prompt('Your randomly generated password is:',tmp);})()
//CSSrefresh - Bookmarklet that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser
javascript:(function(){var script=document.createElement('script');script.setAttribute('src','http://cssrefresh.frebsite.nl/js/cssrefresh.js');var head=document.getElementsByTagName('head');head[0].appendChild(script);})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment