Skip to content

Instantly share code, notes, and snippets.

@alinademi

alinademi/AliMD-CSS-Layout-Debugger.md

Forked from AliMD/AliMD-CSS-Layout-Debugger.md
Created December 11, 2020 01:12
Show Gist options
  • Save alinademi/75656ecd0a6ace161ebd0e9671d56e33 to your computer and use it in GitHub Desktop.
Save alinademi/75656ecd0a6ace161ebd0e9671d56e33 to your computer and use it in GitHub Desktop.
Download ZIP
AliMD CSS Layout Debugger
Raw
AliMD-CSS-Layout-Debugger.md

CSS Layout Debugger AliMD Edition ;)

Outlines every DOM element on your page a random (valid) CSS hex color.

[].forEach.call($$('*'),el=>{el.style.outline=`1px solid hsl(${~~(Math.random()*360)},99%,50%)`})

screen shot 2018-02-10 at 2 01 00 pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment