Skip to content

Instantly share code, notes, and snippets.

@neetij

neetij/CSSgrid_bookmarklet.js

Created September 12, 2011 05:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save neetij/1210624 to your computer and use it in GitHub Desktop.
Save neetij/1210624 to your computer and use it in GitHub Desktop.
Download ZIP
Bookmarklet which overlays a grid and enable text editing in Webkit browsers
Raw
CSSgrid_bookmarklet.js
javascript:(function (){/*/idea via css-101 /thx paul irish for bookmarklet template*/ var newcss = '* {-webkit-user-modify: read-write; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;} a {-webkit-user-modify: initial;} body::before {content:""; position:fixed; background-image:url("data:image/png;base64,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%3D%3D"); background-position: top center; z-index:1; top:0; right:0; bottom:0; left:0; opacity:.3; pointer-events:none;}';if ('\v'=='v') /* ie only */ {document.createStyleSheet().cssText = newcss;} else {var tag = document.createElement('style'); tag.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(tag);tag[ (typeof document.body.style.WebkitAppearance=='string') /* webkit only */ ? 'innerText' : 'innerHTML'] = newcss;}})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment