Tableless - Desenvolvimento inteligente com Padrões Web

27/05/2005
Browsers

Extension: Web Developer

O Firefox tem alguams extensões que são muito úteis para a boa produtividade do Desenvolvedor. Tentarei dar algumas dicas dessas extensões aqui durante um tempo. Vou começar essa série com a extensão WebDeveloper. Ela adiciona uma barra no seu navegador …

Por

O Firefox tem alguams extensões que são muito úteis para a boa produtividade do Desenvolvedor.

Tentarei dar algumas dicas dessas extensões aqui durante um tempo.

Vou começar essa série com a extensão WebDeveloper.

Ela adiciona uma barra no seu navegador com várias funcionalidades, como por exemplo:

  • Você pode desabilitar da página Cookies, JavaScript, CSS, Imagens, Cores (isso aí, são as cores), etc.
  • Para saber se o site foi validado, com apenas um clique, ele abre uma aba e te mostra o resultado direto no validador. Isso para CSS, XHTML, Acessibilidade, Feed, etc.
  • Você pode editar o CSS de qualquer página em um painel no próprio browser, e ver as modificação na hora.
  • Quer saber informações das imagens do site?
    Ela te mostra o tamanho do arquivo da imagem, dimensões, caminho do arquivo, faz as imagens ficarem invisíveis, acha imagens quebradas, e outras.

Essas são apenas algumas das funcionalidades que essa extensão proporciona.
Realmente, é uma mão na roda.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • http://www.heliocosta.com.br Hélio

    Diego,

    O post bem parecido com o Bruno Torres kra, bem no mesmo dia… acredito que foi pura coincidência, mas cuidado… nem todos pensam assim…

  • http://tableless.com.br/eyesmiles/ Diego Eis

    Vixi!!
    Desculpe pessoal, e valeu Hélio!
    Não li meus Feeds hoje, por isso nem sabia o que o Bruno tinha feito o mesmo!

  • http://www.gameslife.info Julio Luiz

    Eu to testando ele em casa, achei tipo muito cheio de frescura, a unica coisa boa é e sobre o tamanho das imagens do site, assim posso controlar o tamanho (kb) que fica os meus sites :P

    Eu vou testar mais para ver o q tem de mais legaul para eu

  • http://rodrigomuniz.blogspot.com Rodrigo Muniz

    acho que depois da Adblock essa é a melhor extensão do FF.

  • Daniel Passos

    Web Developer + HTML Validation (http://users.skynet.be/mgueury/mozilla) fazem a drobadinha perfeita

  • http://punkore8.punklyrics.com.br/ Gabriel Veloso

    Realmente, essa extensão é o cão chupando manga.

  • http://www.jaymeayres.chemicalhost.net Jayme Ayres

    Eu uso essa ferramenta desde o ano passado e quando consegui visualizar como ela poderia me ajudar, não larguei mais. Quando estou em outro micro que não tem ela, dou uma de chato, vou lá e instalo, pois viciei em ver como os sites são construídos.
    Parabéns pelo post!!

  • Helvécio

    Concordo com o Gabriel, é o ‘cão chupando manga’.

    Mas não parem por aí.

    O Aardvark (www.karmatics.com/aardvark/) permite mexer na página "on-the-fly", identifica os elementos (tr,td, div, ul, img, etc), remove imagens, celulas e tabelas inteiras.
    É ótimo quando queremos imprimir algo sem um banner ou tabela.

    Vale a pena instalar.

    sds
    Helvécio

  • http://tatanka.com.br Sergio Lopes

    Fiz um post há algum tempo no meu blog sobre extensões para o Firefox necessárias aos WebDesigners. Pra quem quiser:

    http://tatanka.com.br/blog/2005/04/como-ser-um-webdesigner-no-linux_29.html

  • Nelson

    Tem uma outra mto boa tambem, deem uma olhada http://users.skynet.be/mgueury/mozilla/

  • http://iapes.com.br/ Bruno Gomes

    Talvez seja melhor colocar o link para download para a pasta pois sempre tem versão nova saindo :)

    http://ftp.mozilla.org/pub/mozilla.org/extensions/web_developer/