~66 byte CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

$$('*').map((x,y)=>x.style.outline=`1px solid hsl(${y*y},99%,50%`)
One-line version to paste in your DevTools
Dalibor Gogic
Dalibor Gogic

Specializing in open web technologies and applications, evented architectures, accessibility and UX.

DevOops
Progressive Web App
GET IT ON GOOGLE PLAY