Problemas com CSS? Veja plugins e programas indispensáveis

Desenvolver um site totalmente compatível com todos os navegadores (Internet Explorer 6 e 7, Firefox, Google Chrome, entre outros) não é uma tarefa tão simples, quando nos referimos a CSS. Isso ocorre pela despadronização de leitura do site feita por cada navegador. A grande dor de cabeça é gerada pelo Internet Explorer 6, que é recheado de “bugs” principalmente para sites em tableless.

Firebug

Printscreen Firebug

Com este plugin do firefox e possível editar o html e css diretamente pelo navegador sem a necessidade de ficar indo e voltando para o dreamweaver (ou outro programa que utilize para editar seus códigos). Além disso, o Firebug permite descobrir o motivo pelo qual uma div está mal posicionada, etc.

Após instalar e ativar seu plugin ele estará disponível na parte direita inferior do firefox.

Download Firebug

Web Developer

Printscreen Web Developer

Mais um add-on do firefox. O Web Developer permite verificar diversos erros e formatações de uma página web. Em destaque eu indicaria o redimensionamento do tamanho da janela do navegador e a verificação de erros no CSS.

Download Web Developer

IETester: teste seu site no Internet Explorer

Printscreen IETester

Este programa permite que você visualize seu site em várias versões do Internet Explorer (6, 7 e 8). Instale o IETester e em seguida instale a versão mais recente do Internet Explorer no seu computador. Você poderá abrir diversas abas, sendo uma com cada versão. Isso é importante para ter certeza de que a codificação (html e css) são compatíveis com todas as versões.

Download IETester

Vale ressaltar que o Internet Explorer 6 está sumindo aos poucos. Dependendo do nicho do seu site ou blog será útil ou não deixá-lo compatível com o mesmo. Sites que tem como conteúdo o desenvolvimento web não há necessidade de tal compatibilidade, devido ao fato de que o público alvo provavelmente usa navegadores atualizados.

Os plugins e programas citados nesse post já existem há um bom tempo e mesmo assim continuam sendo usados por diversos desenvolvedores e designers em todo o mundo. Aproveite e faça o download.