Addy Osmani's CSS Layout Debbuger (gist.github.com)

over 8 years ago from Catalin Cimpanu

8 comments

Marc Bodmer, over 8 years ago
If you prefer something similar and in the form of a Chrome extension, take a look at Pesticide:
https://chrome.google.com/webstore/detail/pesticide-for-chrome/bblbgcheenepgnnajgfpiicnbbdmmooh
2 points
- Eric R, over 8 years ago
  Nice! I came in here to comment about how this should be made into an extension/plugin.
  0 points
- Ben Tinsley, over 8 years ago
  rad.
  0 points
Ian Rose, over 8 years ago
Link in headline doesn't seem to work: https://gist.github.com/addyosmani/fd3999ea7fce242756b1
1 point
- Catalin Cimpanu, over 8 years ago
  Fixed
  Thanks
  0 points
Chris Coleman, over 8 years ago
I have a Sass mixin that I'll turn on when I'm debugging layouts. I just give the elements I'm working with a different color to help see them a little better.
@mixin debug($color: fuchsia) { outline: 1px solid transparentize($color, .5); background: transparentize($color, .9); }
0 points
Ben Tinsley, over 8 years ago
Cool stuff! Thanks for the share
0 points
David Bachmann, over 8 years ago
Any way to get it to work with iframed content as well?
0 points

Now playing