Nicola Greco

Hello, I'm Nicola Greco,
I develop social networks,
and tools to analyze them.
Iscriviti ai feed di Nicola Greco

See the page structure with an handy CSS Debugging snippet

November 21st, 2009 · No Comments · Riflessioni

Non pubblico in genere codice su questo blog, che è più un diario personale che il mio blog tecnico. Ho trovato su internet questo snippet che credo potrebbe essere utile anche ad altri sviluppatori, anche se personalmente quando uso firebug, non ho bisogno di questo debugger “fatto in casa”.

I don’t use to post about code, but I found on internet a clever snippet to see the page structure, useful if you’re a css coder and you need to debug css code.

* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }

I personally use Firebug, but this old post was very interesting.

Css debugger

This is what you should see using these lines to debug this theme css.

Nessun articolo collegato.

Tags: ·····

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment