CSS Debug Tools
Postado por: Pedro Rogério emPossuir 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
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Ótimo artigo para quem está iniciando nesta jornada, boa sorte!
Muito bom mesmo!!! parabéns.
Eh verdade jovem, o CSS viewer eu num conhecia, mas esses addons do FF são simplesmente um luxo! XD
[...] compatibilidade nativa que tanto Facelift quanto WordPress têm do framework! Então, sabendo e identificando os elementos da página que terão tipos personalizados, basta especificar isso no código (como [...]