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
Use $$
if your browser aliases it:
~ 108 byte version
-- your_table: The table to modify | |
-- id: The id field/column to reset | |
SET @num := 0; | |
UPDATE your_table SET id = @num := (@num+1); | |
ALTER TABLE your_table AUTO_INCREMENT =1; |
{"collected":["glasses-1","glasses-2","glasses-3","glasses-4","hat-1","hat-2","hat-3","hat-4","hat-5","hat-6","hat-7","hat-8","toy-1","toy-2","toy-3","toy-4","toy-5","toy-6","toy-7","toy-8"],"active":{"hat":"hat-8","toy":"toy-3","glasses":"glasses-3"},"unseen":[],"shuffle":false} |
/* i really want this to be global */ | |
._5vb_.hasLeftCol ._5r-_ div#rightCol { | |
padding: 0 7px 0 0; | |
width: 280px; | |
display: none; | |
} | |
/* i really want this to be global */ | |
html ._5vb_._5vb_.hasLeftCol .hasRightCol div#contentArea { | |
width: 860px | |
} |