Outra ferramenta importante para o web designer/developers é um add-on para o Mozilla Firefox, o Firebug que atualmente está na versão 1.4.2.

O Firebug integra-se perfeitamente com o Firefox v3.0 ou superior, e entrega ao desenvolvedor uma completa ferramenta para análise enquanto navega. Você pode editar, debugar e monitorar o CSS, HTML, Javascript, etc... no momento em que estiver navegando pela página (Live). Possuindo uma área com informações via Console (erros de Javascript, CSS, XML, etc), Rede, DOM e mais...

Uma ferramenta que não pode faltar no seu Firefox. As imagens abaixo mostram um pouco da ferramenta:

Para aqueles que ficaram interessados nesta ferramenta, acessem o link Firebug no site de complementos do Mozilla ( https://addons.mozilla.org/pt-BR/firefox/addon/1843) para instalar o add-on no seu Firefox..

Quando trabalhamos com CSS e XHTML sempre nos deparamos com um problema comum que é a incompatibilidade dos padrões do Internet Explorer® com os demais navegadores. Sempre que estamos desenvolvendo um site, temos que testar a renderização tando no Mozilla Firefox® (independe a versão) quanto no Internet Explorer®, já neste segundo temos diferenças mesmo entre as versões.

O problema é termos acesso ao IE6®, IE7® e IE8® na mesma máquina para poder avaliar a qualidade final do site, já que ainda temos essas versões em uso por muitos usuários. Navegando na net, me deparei com uma ferramenta boa para auxiliar os wedesigners nesse mundão a fora. Essa ferramenta é o Multiple IE que instala em seu PC diversas versões do IE, desde a versão 3.0 até a versão 6.0.

Já na instalação a ferramenta lhe permite optar pelas versões "desejadas" do IE.

Para aqueles que ficaram interessados nesta ferramenta, acessem o artigo "Install multiple versions of IE on your PC" link (http://tredosoft.com/Multiple_IE) para instalar as versões que desejar do Internet Explorer® em seu PC.

Uma ferramenta interessante, senão necessária para web designer/developers é um add-on para o Mozilla Firefox, o Web Developer que atualmente está na versão 1.1.4.

Com essa ferramenta os desenvolvedores web tem ao alcance de suas mãos diversas funcionalidades para trabalhar com css, forms, cache, cookies, destacar itens como tabelas e forms, validação de css e html entre outras várias opções.

A imagens abaixo mostra uma idéia da ferramenta:

Para aqueles que ficaram interessados nesta ferramenta, acessem o link Web Developer no site do Mozilla ( https://addons.mozilla.org/en-US/firefox/addon/60) para instalar o add-on no seu computador.

Eu estava navegando na internet procurando referências sobre o CSS e achei este interessantíssimo tópico postado no site Tableless - Web standards com mandioca e strogonoff ( www.tableless.com.br) que apresenta um guia traduzido do css. É um ótimo guia para quem está entrando neste mundo de padrões web.

O guia encontra-se no seguinte link: http://www.tableless.com.br/referenciacss

E o arquivo encontra-se diretamente no link: http://www.tableless.com.br/wp-content/uploads/2007/05/referenciacss.pdf

Este guia é útil pois apresenta todas as propriedades do css como, por exemplo, modelos de caixa, border, position, list entre as várias outras existentes no CSS.

Vale a pena conferir!