leo07vasp · August 10, 2016 12:34
diff --git a/This is a list of my favourite bookmarklets I use on daily basis. b/This is a list of my favourite bookmarklets I use on daily basis.
 //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);})();
	//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);})();