dwb

Após um longo período sem blogar nada (palestras + mudança + jobs + família)² , vou, aos poucos,  retornando à vida normal.

Então, iniciando com um item básico, mas de enorme auxílio no meu dia a dia: Extensões para o Firefox.

Antes de mais nada, o que são extensões? São pequenos “programinhas” que atuam no browser Firefox com um plugin, com o intuito de facilitar a navegação ou qualquer outra coisa que der na telha do desenvolvedor.

Seguem abaixo 6 extensões que considero absolutamente obrigatórias para qualquer desenvolvedor, tamanha a facilidade que geram:

Web Developer: Creio que seja a mais antiga que eu tenho instalada no navegador. Traz diversas ferramentas “mui” úteis no desenvolvimento, tais como : Controle das imagens na página (visualizando ou não as mesmas, o peso individual de cada uma; controle do CSS, quais são inline, internos e externos; redimensionamento do tamanho do browser para visualizar o layout, entre outros.

DOM Inspector: Fantástico plugin que permite ver e editar toda a “árvore” de tags do documento.

ScreenGrab : Faz um “Print Screen” da página aberta no site, inteira, mesmo com a barra de rolagem. Ótima para documentação de layout, ou até mesmo portfolio.

MeasureIt : Uma das minhas favoritas, sem dúvidas. Insere um pequeno quadrado no canto inferior esquerdo do navegador e permite, ao clicar neste, que se desenhe uma área retangular sobre a página aberta do site, medindo assim a largura e altura. Ótima para ir descobrindo as medidas e entendendo as proporções no site.

Firebug :Um ótimo debug para monitorar as “traquinagens” feitas em JS, CSS e HTML.

Font Finder : O próprio nome já diz: Descobre a fonte. Nada que uma busca no CSS do arquivo não traga, porém, assim fica + fácil né?