Diseño web desde Google Chrome: Tips

Una de las cosa que más me gustan de Google Chrome es su inspector de código que permite ver el código HTML y el CSS de forma estructurada y marcada, basta seleccionar el elemento de la página Web con el cursos y dar clic derecho, eligiendo Inspeccionar elemento

Podremos ver el código y la  estructura CSS con los errores o conflictos de herencia y elementos marcados con !important:

Si pasamos el cursor sobre las tags veremos que en la vista de la página se nos muestra la sección señalada, haciendo más rápido el proceso de diseño cuando trabajando directamente con el navegador:

Como en Dreamweaver, Chrome tiene un señalador de de Clases e ID que te permite al dar clic en una etiqueta del código, desenvolver todas las Clases e ID cercanas:

No solo firefox hace maravillas, quizás Chrome no sea tan usable, pero en diseño Web tiene mucho que aportar, una razón más para usarlo.