CSS Layout Debbuger ===================== A tweet-sized debugger for visualizing your CSS layouts. **One-line version to paste in your DevTools** Using `$` if your browser aliases it: ~ 109 byte version ```javascript [].forEach.call($("*"),function(a){a.style.outline="1px solid #"+(+~~(Math.random()*(1<<24))).toString(16)}); ``` Using `document.querySelectorAll`: ~ 132 byte version ```javascript [].forEach.call(document.querySelectorAll("*"),function(a){a.style.outline="1px solid #"+(+~~(Math.random()*(1<<24))).toString(16)}); ``` If you're looking for a non-toy version of the script, check out pesticide.io.