Si ya has trabajado con Firebug, el complemento perfecto de Firefox para desarrollar y depurar sitios, te interesará FireScope, una extensión para Firefox que se integra en Firebug agregando referencias HTML y CSS de los elementos de la página.

Al instalarlo, agrega un par de pestañas a Firebug, una de referencias (Reference) y otra para mostrar códigos de ejemplo (Code example) para elementos que seleccionamos:

Reference

Code example

De esta forma siempre podemos acceder a las referencias o ejemplos de uso mientras estamos trabajando. En el caso de las referencias, nos indica en cada caso la compatibilidad con los principales navegadores. Puede verse una breve demostración en el siguiente video:

Referencia: Vagabundia