CSS Layout Debbuger
=====================

A tweet-sized debugger for visualizing your CSS layouts. 

**One-line version to paste in your DevTools**

Use `$$` if your browser aliases it:

~ 110 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).

## Screenshots

Tested from Chrome DevTools:

![](http://i.imgur.com/8w5y2q1.png)

Tested from Firefox DevTools:

![](http://i.imgur.com/3qgOAXJ.png)

Tested from WebKit Nightlies (Safari):

![](http://i.imgur.com/HeUZE2V.png)