skip to content

~66 byte CSS Layout Debugger

Dalibor Gogic
Dalibor Gogic
June 29, 2019

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

    One-line version to paste in your DevTools:

    $$('*').map((x,y)=>x.style.outline=`1px solid hsl(${y*y},99%,50%`)
    css debugger
    Previous
    Essential module for a healthy Nuxt.js
    Next
    HTTP/2 Server Push with NGINX