FLasH3r · August 29, 2015 14:06
diff --git a/README.md b/README.md
diff --git a/annotated.js b/annotated.js
 function(a){                             // Supply a valid selector (e.g '*' for wildcard)
  [].forEach.call(                       // Treat Nodelist as an Array (fewer bytes than Array.prototype.forEach.call(...);)
                                         // Gets the prototype of Array & uses call to execute the function on the NodeList.
    document.querySelectorAll(a),        // Query DOM for elements matching the supplied selector 
                                         // (For 108 bytes, use $$() as Chrome, Safari & FF expose it in DevTools)
    function(b){                  
      b.style.outline = "1px solid #" +  // Set the selector outline 
      (~~(Math.random()*(1<<24)))        // Pick a valid random CSS hex color
      .toString(16)})                    // Convert to a base 16 number. BOOM.
 }
diff --git a/index.js b/index.js
 function(a){return [].forEach.call(document.querySelectorAll(a),function(b){b.style.outline = "1px solid #" +(~~(Math.random()*(1<<24))).toString(16)});}
diff --git a/LICENSE.txt b/LICENSE.txt
            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2014

 Copyright (C) 2014 Addy Osmani @addyosmani

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

  0. You just DO WHAT THE FUCK YOU WANT TO.
diff --git a/package.json b/package.json
 {
  "name": "CSSLayoutDebugger",

  "description": "A helper for debugging CSS layouts",

  "keywords": [
    "css",
    "layout",
    "debugger"
  ]
 }
diff --git a/test.html b/test.html
 <!DOCTYPE html>
 <title>CSS Layout Debugger</title>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <div>I am element</div>
 <script>
 var myFunction = function(a){            // Supply a valid selector (e.g '*' for wildcard)
  [].forEach.call(                       // Treat Nodelist as an Array (fewer bytes than Array.prototype.forEach.call(...);)
                                         // Gets the prototype of Array & uses call to execute the function on the NodeList.
    document.querySelectorAll(a),        // Query DOM for elements matching the supplied selector 
                                         // (For 110 bytes, use $$() as Chrome, Safari & FF expose it in DevTools)
    function(b){                  
      b.style.outline = "1px solid #" +  // Set the selector outline 
      (~~(Math.random()*(1<<24)))       // Pick a valid random CSS hex color
      .toString(16)})                   // Convert to a base 16 number. BOOM.
 }
  myFunction('*');
 </script>
 <!-- quick JSBin:http://jsbin.com/soseq/2/edit -->
	function(a){ // Supply a valid selector (e.g '*' for wildcard)
	[].forEach.call( // Treat Nodelist as an Array (fewer bytes than Array.prototype.forEach.call(...);)
	// Gets the prototype of Array & uses call to execute the function on the NodeList.
	document.querySelectorAll(a), // Query DOM for elements matching the supplied selector
	// (For 108 bytes, use $$() as Chrome, Safari & FF expose it in DevTools)
	function(b){
	b.style.outline = "1px solid #" + // Set the selector outline
	(~~(Math.random()*(1<<24))) // Pick a valid random CSS hex color
	.toString(16)}) // Convert to a base 16 number. BOOM.
	}
	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2014

	Copyright (C) 2014 Addy Osmani @addyosmani

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

	0. You just DO WHAT THE FUCK YOU WANT TO.
	{
	"name": "CSSLayoutDebugger",

	"description": "A helper for debugging CSS layouts",

	"keywords": [
	"css",
	"layout",
	"debugger"
	]
	}
	<!DOCTYPE html>
	<title>CSS Layout Debugger</title>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<div>I am element</div>
	<script>
	var myFunction = function(a){ // Supply a valid selector (e.g '*' for wildcard)
	[].forEach.call( // Treat Nodelist as an Array (fewer bytes than Array.prototype.forEach.call(...);)
	// Gets the prototype of Array & uses call to execute the function on the NodeList.
	document.querySelectorAll(a), // Query DOM for elements matching the supplied selector
	// (For 110 bytes, use $$() as Chrome, Safari & FF expose it in DevTools)
	function(b){
	b.style.outline = "1px solid #" + // Set the selector outline
	(~~(Math.random()*(1<<24))) // Pick a valid random CSS hex color
	.toString(16)}) // Convert to a base 16 number. BOOM.
	}
	myFunction('*');
	</script>
	<!-- quick JSBin:http://jsbin.com/soseq/2/edit -->