Modelando por Diego Franco

Primeiramente parabéns ao Firefox, mais de 8 milhões de downloads em 24 horas, garantindo o seu lugar no Guinness Book.

Bom, chega de elogios e vamos ao trabalho.

Firefox 3, IE8, este último polêmico por sinal, resumindo, diferente do que a galera do Casseta & Planeta diz: nossos problemas não acabaram! Muito pelo contrário talvez até aumentem só o tempo dirá.

Nas primeiras impressões alguns problemas foram realmente melhorados, principalmente em relação a performance, porém já percebemos comportamentos estranhos em alguns atributos CSS, como por ex.:

Problemas com display:table quebrando DIVS no Firefox 2;
Facilmente corrigido com a substituição por overflow:auto;

Porém nos deparamos com comportamentos estranhos com overflow:auto; no Firefox 3;

Para corrigir use:
Use: overflow:visible;

A medida que encontrar mais problemas com CSS e suas devidas soluções no Firefox 3 vou escrever aqui.

E vamos para a declaração dos HACKS para o Firefox 3, título deste post. Lembrando que você poderá usar Conditional comments, depois falamos sobre este.

A resolução é simples escreva sempre o nome da classe do seu elemento seguido de uma vírgula seguido de x:default { atributos } conforme exemplo abaixo:

Hack for Firefox 3
.nomedasuadiv, x:default { atributos }

Vamos lembrar outros Hacks.

Hack for Firefox 2
.nomedasuadiv, x:-moz-any-link { atributos }

Hack for Internet Explorer 7
.nomedoseuelemento { *display:none; }

Hack for Internet Explorer 6
.nomedoseuelemento { _display:none; }

Hack for Opera
@media all and (min-width: 0px){

.content { }

}

Qualquer problema comentem!

Bons testes!

Não poderia deixar este dia passar batido, por isso estou manifestando minha admiração por esse poderoso navegador.

Espero que o recorde seja batido(Quem não acompanhou as notícias atualizem-se) e que mais e mais pessoas possam aderir a esse navegador, inclusive aos nossos companheiros de desenvolvimento.

Firefox 3 lançado e algumas coisas nós esperamos com sua vinda, creio que nenhuma delas é mais importante que a otimização em sua performance, definitivamente precisamos que o consumo de memória caia e claro que fique mais rápido que hoje.

Recentemente foi lançado o novo Opera versão 9.5 sinceramente é surpreendente a rapidez de processamento e o mínimo consumo de memória.

Precisamos hoje de browsers decentes que fazem por merecer suprindo as necessidades tanto dos desenvolvedores quanto as de um simples usuário, não sou um amante do firefox, navego com IE7, com Opera, Safari e outros porém de todos o que mais supre minhas necessidades como desenvolvedor é sem dúvida nenhuma o Firefox, obviamente nunca deixando de realizar os testes necessários nos demais browsers.

Em fim, agora é esperar e ver os resultados!

Pra você que deseja fazer o download do novo Firefox 3 acesse o site oficial.

Pra você que desja fazer o download do novo Opera 9.5 acesse o site oficial.

Assim como o martelo é a ferramenta do Carpinteiro, nós desenvolvedores obrigatoriamente eu disse: Obrigatoriamente, devemos ter as nossas e de preferência as melhores. Eu diria que é muito difícil você alcançar um resultado perfeito, ou ainda, conseguir uma excelente produtividade sem ter excelentes ferramentas que te auxiliem a identificar: erros, validações, a debugar scritpts etc…

A um tempo atrás entrei no site do Bradesco na página do simulador de consórcio, qual foi a minha surpresa ao executar a primeira ação: escolher a marca do veículo em um dropdow subsequente um outro dropdow carrega os modelos, Pimba! Não funcionou. Sou usuário do navegador da famosa “rapoza de fogo” Firefox. Bom, procedimento básico de desenvolvedor, enviei um e-mail para o pessoal do suporte sobre a falta de acessibilidade, e qual foi a resposta?

“Prezado Sr. Diego, boa tarde!
Em atenção a seu e-mail, informamos que realizamos testes no Firefox e constatamos que está operando normalmente.
Solicitamos por gentileza que realize um Print Screen da tela de erro e nos envie por e-mail para que possamos analisar.”

Como sou um usuário obediente e que se importa com o próximo e meu maior interesse é de compartilhar conhecimento, enviei pra eles o print das telas, inclusive depurando o javascript com a Firebug mostrando exatamente onde era o erro.

Pra quem não conhece Firebug é uma poderosa e excelentíssima extensão para o Firefox que te possibilita editar, depurar e controlar CSS, HTML, JavaScript, e outras coisas tudo isso on-line e em qualquer página da Web te possibilitando ver o resultado na mesma hora. Se você navega com o Firefox clique aqui e baixe a extensão agora para conhecê-la ou entre no site oficial http://www.getfirebug.com. Para desenvolvedores que usam o Internet Explorer como browser padrão, primeiro eu te aconselharia a mudar rapidamente e navegar num browser digno de desenvolvedor, mas neste post aqui escrevi sobre duas extensões para o IE7 que podem te ajudar qualquer hora dessas.

Ok feito isto segue a resposta de volta.

“Prezado Sr. Diego, bom dia!
Lamentamos o transtorno e informamos que o acerto realizado no site em 30/11/2007.
Atenciosamente,
Bradesco Administradora de Consórcios.”

Apesar da má formulação da frase que da a impressão de que foi resolvido, Qual foi a minha surpresa quando acessei o site ontem 06/12/07, e quem estava lá? O mesmo problema. Enviei outro e-mail e vamos ver onde isso vai dar.

Imagino que se tivessem boas ferramentas de desenvolvimento não teriam tanto trabalho a ponto de um usuário ter que enviar a causa do erro.

Bom, estou publicando este post aqui que comecei a escrever no dia 07/12/2007 e o problema ainda está lá, se você navega com o Firefox pode conferir a falha acessando a página do Simulador de Consórcio do Bradesco aqui.