Solução definitiva – PNG Transparente no IE6

Postado por: Pedro Rogério em
  • 13 jan
  • 32

Muitos desenvolvedores não sabem, mas o IE6 e versões anteriores possuem um terrível problema com PNG’s de 24 Bits, onde ele não processa o canal Alpha da imagem, com isso toda a transparência fica com o fundo meio “esverdeado” (problema esse já corrigido no IE7). Hoje em dia existem vários scripts que corrigem esse problema de transparência no IE, mas todos sofrem da mesma deficiência, que é a não implementação de background-position, background-repeat, link que não funciona entre outras coisas.

Já testei várias formas diferentes de correção, mas finalmente encontrei um script JS que funciona perfeitamente, onde é implementado o tão sonhado background-position e background-repeat, lhes apresento o DD_belatedPNG, um JavaScript extremamente pequeno, que em sua versão comprimida chega a aproximadamente 6KB. Sua utilização é extremamente simples, basta você baixar o arquivo JS e fazer uma chamada para o mesmo da seguinte forma dentro do header do seu site:


<!--[if IE 6]>
<script src="DD_belatedPNG.js" type="text/javascript"></script>
<script>
  /* Exemplo de utilizacao */
  DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->

O Script foi inserido na página via comentários condicionais, para que seja lido somente pelo Internet Explorer 6 e menores, os outros browsers o consideram como um simples comentário HTML. Da forma citada, todos os elementos que possuírem a classe “png_bg” serão afetadas pelo Script as imagens começarão a funcionar corretamente. Uma outra forma de utilização é chamando os elementos DOM:

DD_belatedPNG.fixPng( seu elemento )

Exemplos

Internet Explorer 8 via Windows Update

Postado por: Pedro Rogério em
  • 8 jan
  • 8
Morte ao IE6

Como é de costume de empresas como Microsoft e Apple, a próxima versão do Internet Explorer, o IE8, poderá ser instalado no micro dos usuários via Windows Update. Essa medida já foi criticada pelo Google em 2006 para implementar o IE7, ou a mais recente, imposta pela Apple, de tentar forçar os usuários do iTunes a utilizar o Safari.

Agora, novamente a história irá se repetir, a versão final do Internet Explorer 8 virá em forma de atualização de alta prioridade para todos os usuários do sistema operacional Microsoft.

Mas como nada na vida são flores, a atualização poderá ser bloqueada através de uma ferramenta chamada IE8 Blocker Toolkit. Pelo amor de deus, alguém pode me dizer quando versões antigas do IE irão deixar de existir? Eu já estou tentando fazer minha parte para acabar com o IE6, e você? Contribua para acabar com essas aberrações que foram criadas injustamente pelo homem.

2009: O ano em que o IE6 faleceu

Postado por: Pedro Rogério em
  • 5 jan
  • 27

Segundo a Astrologia, 2009 é o ano de tomar decisões que serão definitivas para o resto de sua vida, e a meu ver, esse também será o ano de falecimento do IE6, que já vem causando desconforto e discódia na web desde 2001, já se vão lá 8 anos de pleno martírio no desenvolvimento web. Se cada um fizer a sua parte, eu tenho plena certeza de que esse ano essa aberração irá desaparecer da face da terra, até o Google já entrou na onda aconselhando os usuários a utilizar o Firefox ou o Chrome para acessar seu cliente de e-mail em contrapartida da não utilização do IE6.

2009 também será o ano de lançamento de novas versões dos mais famosos browsers, como o Internet Explorer 8, Opera 10, Firefox 3.1. Somando a venda de novos pcs mais baratos que já vem com o Windows Vista e o Internet Explorer 7 instalado, tudo indica que ele irá desaparecer rapidamente, observem o gráfico de utilização abaixo cedido pelo Market Share:

Gráfico de utilização do IE6

Tudo indica que a montanha russa de utilização do IE6 agora só tende a descer, mas para isso todos devem colaborar, tomar consciência da utilização de um browser ultrapassado. Eu estou fazendo a minha parte, e você está fazendo a sua?

A Guerra dos Browsers

Postado por: Pedro Rogério em
  • 19 nov
  • 6

Imagine a Internet entre os anos de 1995 e 1999, foi onde aconteceu a famosa Guerra dos Browsers, onde a empresa Netscape, depois de sua ascenção no mercado de browsers, foi ao fundo do poço em uma luta travada com o Internet Explorer.

A Discovery Channel produziu um documentário onde você pode ver toda essa história a fundo, se você perdeu na TV, pode estar vendo aqui nesse vídeo que irei mostrar o início da guerra dos browsers e mais algumas coisas do tipo: O primeiro browser gráfico criado para a web, como a Netscape ficou rica da noite pro dia, por que os desenvolvedores do Internet Explorer jogaram um “e” de 3 metros de altura em frente ao escritório da Netscape. Você verá tudo isso e mais algumas coisas muito interessantes nesse vídeo:

Na imagem abaixo você pode ver um gráfico da evolução da Guerra dos Browsers:

Guerra dos Browsers

Microsoft interessada em usar Webkit

Postado por: Pedro Rogério em
  • 7 nov
  • 4

Webkit

O Inefável Steve Balmer tem se mostrado partidário em desenvolver um Browser de código aberto, isso mesmo, em uma conferência em Sydney, Balmer admitiu que existe a possibilidade de adotar o Webkit(Motor de Renderização do Safari e Google Chrome) para o navegador livre que a Microsoft desenvolveria.

Vejam um trecho de seu discurso:

O código aberto é interessante “, disse ele.” Apple tem utilizado Webkit e poderemos olhar para isso, mas nós vamos continuar a construir extensões para o IE 8.

Só tenho uma coisa a dizer: Balmer, deus lhe ouça. Veja mais sobre o assunto aqui.

Position: fixed no Internet Explorer 6

Postado por: Pedro Rogério em
  • 10 jul
  • 15

Se você já precisou posicionar elementos fixos na tela, com certeza já percebeu que esse tipo de posicionamento é falho no Internet Explorer 6 e menores, mas, como sempre existe uma forma de fazer as “coisas funcionarem” no IE.

Para que position:fixed funcione no IE6 e anteriores, faremos o uso de expressões proprietárias para converter fixo em absoluto:

Browsers Standard


#elemento_fixo {
    position: fixed;
    top: 100px;
}

Internet Explorer


* html #elemento_fixo {
    position: absolute;
    top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+100+"px" : body.scrollTop+100+"px");
}

Como podem ver, o elemento que possuir o id “elemento_fixo” sempre irá ficar posicionado a 100px do topo independente do scroll da página. Existem outras formas de se obter esse mesmo resultado, mas essa é a mais simples e com certeza a mais suja. Essa dica eu retirei do site: ceslava.com /blog.

Quando a esmola é demais, o santo desconfia

Postado por: Pedro Rogério em
  • 19 jun
  • 7

Quando a Mozilla lançou a versão 2 do Firefox, a equipe de desenvolvimento do Internet Explorer, em um gesto caridoso, enviou um bolo a equipe de desenvolvimento do Firefox dando os parabéns pelo seu ótimo trabalho:

Bolo de aniversário em comemoração ao lançamento do Firefox 2

E dessa vez, em mais um gesto caridoso, de dar orgulho, os desenvolvedores do IE mandaram mais um bolo para a Mozilla dando os parabémns após o lançamento do Firefox 3:

Bolo de aniversário em comemoração ao lançamento do Firefox 3
Bolo de aniversário em comemoração ao lançamento do Firefox 3

A fundação Mozilla comovida com esse ato já pensa em colocar o código-fonte do Firefox em um Pendrive e mandar para a equipe de desenvolvedores do IE em forma de retribuição de tão brilhante ato.

Páginas:«1234»