CSS Debug Tools

Possuir boas ferramentas para o desenvolvimento web, é essencial, portanto, a primeira coisa que você desenvolvedor web deve fazer é utilizar um bom browser como padrão, recomendo o Firefox, você deve testar seus sites em outros browsers também, isso é óbvio, mas sempre desenvolva primeiro para o Firefox, depois para os outros browsers. Porque?

Firefox é um browsers Standard Compliance, ou seja, segue a risca os padrões web, e ainda você possui a possibilidade de instalar extensões que podem lhe auxiliar no desenvolvimento. Se você possui somente o Internet Explorer instalado no micro, baixe o Firefox agora.

Extensões Firefox que auxiliam no desenvolvimento

Web Developer Toolbar é muito útil por mais de 100 motivos diferentes, você pode, por exemplo, editar o CSS dessa página com essa extensão.

CSSViewer lhe proporciona a possibilidade de visualizar as propriedades CSS aplicadas a qualquer elemento na página de uma forma simples e clara.

CSS Debug Toggle Bookmarklet permite visualizar toda a estrutura da página com um só clique. Adicione esse link aos seus favoritos para um acesso rápido.

Firebug é a ferramenta utilizada por 9 em cada 10 desenvolvedores web, ele integra a possibilidade de você editar, debugar e monitorar, HTML, CSS e JavaScript em tempo real em uma página web