Thanks for reading! I like making interactive visualisations for my programming blog. Sometimes I do projects too. Oh, and before you go, sign the guestbook! See you around! —Lean
Wares
Art
Music
Debug CSS boxes with this bookmarklet
15 Oct 2023 · min read
tags:
css
µpost
Here’s a quick & simple way to show all element bounds on a page.
javascript:(a=(d=document).createElement('style')).innerHTML='*{outline:solid 1px red}';d.head.append(a)The bookmarklet: ▤outlinify
Example result on threads.net
Not sure how to use it? Save or drag the following link into your bookmarks:
☝
If you prefer different styles:
- Dashed: ▤outlinify
- Dotted: ▤outlinify