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 | |
| } |