missmac.net

Mouseover DOM Inspector (MODI) è un utilissimo strumento per chi maneggia CSS e javascript.

Si tratta di un bookmarklet (in parole povere: un bookmark che contiene un javascript) che permette di analizzare il DOM di una pagina web passando il mouse sopra i vari elementi.

Ecco un esempio, in cui passando il mouse sull’input possiamo vederne gli attributi, le dimensioni, la posizione rispetto al viewport, e la struttura in cui è inserito:

Il tool è un’ottima aggiunta alle estensioni per Firefox per lo sviluppo web (come i Developer Tools o Aardvark), e a differenza di queste funziona anche con altri browser moderni (Mozilla, Netscape, IE6/Win (!) — ma non Safari, ahimè…).

Ecco un podcast sullo sviluppo web molto ben fatto (mi piacerebbe trovarne altri del genere): Web Dev Radio.

È in inglese, ma se non riuscite a seguirlo niente vi impedisce di scaricare altri podcast per imparare la lingua. : )