Eu tenho trabalhado em um novo site nas últimas semanas. Mas, em vez de fazê-lo sozinho, decidi obter alguma ajuda das extensões do Firefox. Eles tornaram meu trabalho muito mais fácil, e todos eles podem ser baixados em apenas alguns segundos.

Aardvark: O Aardvark permite selecionar elementos de uma página da Web e realizar várias ações neles. Eu uso para analisar a estrutura de uma página. Você também pode remover e isolar elementos ou gerar código DOM. Eu recomendo.

ColorZilla: Se houver uma cor em uma página da Web que você goste, o ColorZilla encontrará o código exato para isso e permitirá que você o cole em seu programa de codificação. Você também pode criar cores personalizadas com seu navegador de paleta integrado. Ele salva as cores mais usadas para facilitar o acesso mais tarde. É poderoso, é simples, é um must-have.

Validador de CSS: O CSS Validator adiciona uma opção de clique com o botão direito do mouse em seu navegador, enviando o CSS para o Validador de CSS do W3C. Ele abre os resultados em uma nova guia. O CSS Validator é uma boa ferramenta que será útil muitas vezes.

CSSViewer: Nenhum web designer deve estar trabalhando sem o CSSViewer. O add-on informa de todas as informações de CSS que você precisa de um site. Basta clicar na página desejada, abri-la no menu Ferramentas e exibir as informações do CSS. Eu uso quase todos os dias.

FireBug: Firebug é uma daquelas extensões que você simplesmente não pode ficar sem. Ele permite editar, depurar e visualizar CSS, HTML e JavaScript. Depois de fazer uma alteração no HTML no site, o Firebug o exibe automaticamente no mesmo painel. É extremamente poderoso.

FirePHP: FireBug é uma ótima ferramenta para CSS, HTML e JavaScript, mas o FirePHP, que só funciona quando você tem a extensão FireBug instalada, cria uma experiência de desenvolvimento completa. Com a ajuda de ambos os complementos, você pode ver a qualidade do seu PHP e encontrar erros. É uma ótima ajuda.

Localizador de fontes: O Localizador de fontes permite destacar uma fonte desejada em qualquer site, clicar com o botão direito do mouse na seleção e, depois de escolher "Localizador de fontes", exibir o estilo de texto CSS completo da seleção. Você pode colar isso na sua própria página da Web.

HTML Validator: HTML Validator é uma ferramenta extremamente poderosa disponível apenas para usuários do Windows. O add-on fornece feedback sobre erros na página. Também permite saber onde os problemas precisam ser resolvidos. Mas, a menos que você seja um web designer avançado, fique longe dessa ferramenta. É muito complicado.

IE View: Enquanto você estiver executando o Windows, o IE View é uma ferramenta útil. A extensão adiciona uma opção "Abrir no IE" no menu do botão direito, permitindo abrir rapidamente um site no Internet Explorer. É uma ótima maneira de verificar como uma página aparece nos dois navegadores.

Console Java: Se você quiser ver como os applets Java estão sendo executados em páginas da Web, o Console Java é para você. Você pode monitorar e depurar applets e obter um relatório completo sobre seu desempenho.

LinkChecker: O LinkChecker destaca links em qualquer site da Web e informa se o link direcionará você a um site ativo ou se retornará um 404. Eu o uso todos os dias.

Poster: Se você quiser depurar servidores e fazer solicitações HTTP, Poster é a ferramenta para você. É fácil de usar, você pode definir um tipo de conteúdo e, em poucos minutos, você terá todas as informações necessárias para inspecionar os resultados da sua consulta HTTP. Útil.

Seletor de Folhas de Estilo II: O Seletor de Folhas de Estilo II substitui o alternador de folhas de estilo do Firefox e permite que você escolha um estilo alternativo que persistirá em todas as páginas de um site. Não é algo que você usará com frequência, mas quando você precisar de algo do tipo, o Seletor de Folhas de Estilo II é o caminho a seguir.

Desenvolvedor Web: Se você instalar qualquer uma das extensões neste agrupamento, o Desenvolvedor da Web deverá ser incluído. Ele adiciona um menu e uma barra de ferramentas ao Firefox, oferecendo a opção de exibir o estilo de uma página, visualizar e editar CSS e muito mais. Nenhum desenvolvedor da Web deve ficar sem isso.

YSlow: YSlow requer que o FireBug seja instalado para funcionar, mas é uma ótima maneira de descobrir por que o seu site está rodando tão lentamente. Ele analisa páginas da Web e retorna problemas que estão tornando o site mais lento, com base nas regras do Yahoo para sites de alto desempenho. Eu uso muitas vezes para descobrir onde posso melhorar a velocidade dos meus sites. Experimente.