Debug Your CSS

Want a quick way to debug your CSS? Try throwing this little snippet of code into the console.

[].forEach.call($$('*'), function(el, i){
el.style.outline = "1px solid hsl(" + (i % 360)+", 50%, 50%)";
})

Note: if you are wondering like I was what the significance of the `$$` is: it is part of the Javascript Toolkit MochiKit

Show your support

Clapping shows how much you appreciated Jamie Skinner’s story.