A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$ if your browser aliases it:
~ 108 byte version
| /* ==UserStyle== | |
| @name GitHub Dark | |
| @homepageURL http://userstyles.org/styles/37035 | |
| @updateURL https://userstyles.org/styles/37035.css | |
| @md5URL https://update.userstyles.org/37035.md5 | |
| @originalMD5 66643ceab5d8c458da6e0ead8f4133f3 | |
| @author StylishThemes | |
| @advanced color base-color "Base color scheme" #4183C4 | |
| @advanced dropdown syntax-theme "Github syntax theme" { | |
| Ambiance "Ambiance" <<<EOT |
| // CommonJS consumer and/or importer | |
| module.exports = new Promise(async $export => { | |
| const module = await require('./module'); | |
| $export({module, method(){}}); | |
| }); |
| // ES2017 Asynchronous Export | |
| // module.js | |
| export default new Promise(async $export => { | |
| const module = await Promise.resolve( | |
| {my: 'module'} | |
| ); | |
| $export(module); | |
| }); | |
| // - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
| // ==UserScript== | |
| // @name github-wrap-toggle | |
| // @namespace silverwind | |
| // @include /^https?://github.com/ | |
| // @version 1 | |
| // @grant GM_addStyle | |
| // ==/UserScript== | |
| var $ = document.querySelectorAll.bind(document); | |
| NodeList.prototype.__proto__ = Array.prototype; |
| #!/usr/bin/perl | |
| # This filter changes all words to Title Caps, and attempts to be clever | |
| # about *un*capitalizing small words like a/an/the in the input. | |
| # | |
| # The list of "small words" which are not capped comes from | |
| # the New York Times Manual of Style, plus 'vs' and 'v'. | |
| # | |
| # 10 May 2008 | |
| # Original version by John Gruber: |
| //Dr. Seuss once wrote, "IF." He meant, "If you give a fuck, maybe, | |
| //JUST MAYBE, you can change this shitty world in some small way for | |
| //the better." I might've been an writer of children's books someday, | |
| //but instead, I decided to make this. So in lieu of The Lorax, | |
| //let's call this The Dragon, and have my word be, "DON'T." As in, | |
| //"Don't do something stupid like this the way I did, you jackass." | |
| //But the truth is humans are very stubborn creatures. You probably | |
| //won't listen to my advice and, chances are, neither will I. | |
| //This is just an excerpt of the source code for DRAGON: A Game About |
| #!/usr/bin/env bash | |
| # Colours picked from https://robinpowered.com/blog/best-practice-system-for-organizing-and-tagging-github-issues/ | |
| ### | |
| # Label definitions | |
| ### | |
| declare -A LABELS | |
| # Platform |
| # Hello, and welcome to makefile basics. | |
| # | |
| # You will learn why `make` is so great, and why, despite its "weird" syntax, | |
| # it is actually a highly expressive, efficient, and powerful way to build | |
| # programs. | |
| # | |
| # Once you're done here, go to | |
| # http://www.gnu.org/software/make/manual/make.html | |
| # to learn SOOOO much more. |
| (function (root, factory) { | |
| if ( typeof define === 'function' && define.amd ) { | |
| define([], factory(root)); | |
| } else if ( typeof exports === 'object' ) { | |
| module.exports = factory(root); | |
| } else { | |
| root.myPlugin = factory(root); | |
| } | |
| })(typeof global !== "undefined" ? global : this.window || this.global, function (root) { |