A simple CSS debugging utility bookmarklet

I contributed a serious/not serious suggestion to this conversation on Mastodon earlier this week.

Patrick was inspired, and like the proverbial elf in my night, made a tool debug.css which creates styles in your browser to outline elements whose styles have selectors which include debug.

The bookmarket

To avoid having to add the script to your HTML document, I’ve baked it (with some minor adjustments) into a bookmarklet published here: css-debug project page.