CSS Layout Debbuger ===================== A tweet-sized debugger for visualizing your CSS layouts. **One-line version to paste in your DevTools** Use `$` or `$$` 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 proper version that uses a set color per tag type, check out [pesticide.io](http://pesticide.io).