{"absolute_url": "https://esedic.snipt.net/my-favourite-bookmarklets/", "blog_post": true, "code": "/*\n* This is a list of my favourite bookmarklets I use on daily basis.\n* Create new bookmark in your browser's toolbar, give it a name and set URL using values below\n*/\n\n\n//Resizer - Responsive Design Bookmarklet\njavascript:(function(){document.body.appendChild(document.createElement('script')).src='http://codebomber.com/jquery/resizer/resizer.min.js';})();\n\n//ish - yet another viewport resizer\nbradfrostweb.com/demo/ish/?url=http%3A%2F%2Fbradfrostweb.com%2Fdemo%2Fish%2F\n\n//Responsinator - Responsive Design Bookmarklet\njavascript:location.href='http://www.responsinator.com/?url='+window.location.href\n\n//RWD - Responsive Design Bookmarklet\njavascript:void((function(){var d=document;d.write(''+d.title+' - Responsive test
×
I
I
Tablet PortraitTablet LandscapeiPhone LandscapeiPhone PortraitAuto
')})());\n\n//fitWeird - A window monitor bookmarklet\njavascript:(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);})();\n\n//xray - Bookmarklet to see the box model for any element on any web page\njavascript: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');\n\n//deCSS3 - Bookmarklet that will let you see how well your pages are gracefully degrading without having to open up IE6-8\njavascript:(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);})();\n\n//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\njavascript:(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);})()\n\n//HTML CodeSniffer - Boomarklet which checks HTML source code and detects violations of a defined coding standard\njavascript:(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);});})();\n\n//Password generator - Bookmarklet for instantly creating a random 10 character password\njavascript:(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);})()\n\n//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\njavascript:(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);})();", "created": "2013-01-04T06:47:22", "description": null, "description_rendered": "None", "embed_url": "https://snipt.net/embed/174a12a4e1e875ac0877b26d0f631a07/", "full_absolute_url": "https://esedic.snipt.net/my-favourite-bookmarklets/", "id": 52759, "lexer": "js", "line_count": 38, "log_entries": [], "meta": null, "modified": "2016-12-26T03:53:54.206343", "publish_date": "2013-01-04T06:47:00", "raw_url": "/raw/174a12a4e1e875ac0877b26d0f631a07/", "resource_uri": "/api/public/snipt/52759/", "slug": "my-favourite-bookmarklets", "stylized": "
 1\n 2\n 3\n 4\n 5\n 6\n 7\n 8\n 9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38
/*\n* This is a list of my favourite bookmarklets I use on daily basis.\n* Create new bookmark in your browser's toolbar, give it a name and set URL using values below\n*/\n\n\n//Resizer - Responsive Design Bookmarklet\njavascript:(function(){document.body.appendChild(document.createElement('script')).src='http://codebomber.com/jquery/resizer/resizer.min.js';})();\n\n//ish - yet another viewport resizer\nbradfrostweb.com/demo/ish/?url=http%3A%2F%2Fbradfrostweb.com%2Fdemo%2Fish%2F\n\n//Responsinator - Responsive Design Bookmarklet\njavascript:location.href='http://www.responsinator.com/?url='+window.location.href\n\n//RWD - Responsive Design Bookmarklet\njavascript: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>')})());\n\n//fitWeird - A window monitor bookmarklet\njavascript:(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);})();\n\n//xray - Bookmarklet to see the box model for any element on any web page\njavascript: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');\n\n//deCSS3 - Bookmarklet that will let you see how well your pages are gracefully degrading without having to open up IE6-8\njavascript:(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);})();\n\n//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\njavascript:(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);})()\n\n//HTML CodeSniffer - Boomarklet which checks HTML source code and detects violations of a defined coding standard\njavascript:(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);});})();\n\n//Password generator - Bookmarklet for instantly creating a random 10 character password\njavascript:(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);})()\n\n//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\njavascript:(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);})();\n
\n
", "tags": [{"absolute_url": "/public/tag/javascript/", "id": 7, "name": "javascript", "resource_uri": "/api/public/tag/7/", "snipts": "/api/public/snipt/?tag=7"}, {"absolute_url": "/public/tag/browser/", "id": 142, "name": "browser", "resource_uri": "/api/public/tag/142/", "snipts": "/api/public/snipt/?tag=142"}, {"absolute_url": "/public/tag/bookmarklet/", "id": 461, "name": "bookmarklet", "resource_uri": "/api/public/tag/461/", "snipts": "/api/public/snipt/?tag=461"}], "title": "My favourite bookmarklets", "user": {"absolute_url": "/esedic/", "email_md5": "2fdc00dc0cf9fe3842d60c61e243af19", "id": 5614, "resource_uri": "/api/public/user/5614/", "snipts": "/api/public/snipt/?user=5614", "snipts_count": 120, "username": "esedic"}}