Contornar vários bugs do IE numa tacada só

Posted by micox at Janeiro 8th, 2008

Dean Edwards é o cara.
Pros poucos aqui que não conhecem o site dele, dêem uma visitada geral. Só coisa boa.

Bom, hoje vou me focar na biblioteca IE7 que ele soltou esse ano.
Esta biblioteca, magicamente, contorna vários bugs do Internet Explorer e deixa os IE 5, 6 e 7 bem parecidos com o IE8 (ou com o IE 7, você escolhe).

Como assim?

Bem, veja só a descrição:

IE7 is a JavaScript library to make MSIE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6.

  • supports the following CSS selectors:
    • parent > child
    • adjacent + sibling
    • adjacent ~ sibling
    • [attr], [attr=”value”], [attr~=”value”] etc
    • .multiple.classes (fixes bug)
    • :hover, :active, :focus (for all elements)
    • :first-child, :last-child, only-child, nth-child, nth-last-child
    • :check, :disabled, :enabled
    • :empty, :contains(), :not()
    • :before/:after/content:
    • :lang()
  • supports imported style sheets
  • preserves the cascade of the style sheet
  • does not alter the document structure
  • does not repeatedly query the DOM
    tree using JavaScript
  • uses pure CSS to enforce style sheet rules
  • supports the W3C box model in both standards and quirks mode
  • supports fixed positioning (flicker free)
  • supports overflow:visible
  • supports min/max-width/height
  • fixes broken (X)HTML elements (abbr, object)
  • standardised forms behavior
  • supports PNG alpha transparency
  • lightweight script (11KB)
  • works for Microsoft Internet Explorer 5+ (Windows only)

Tudo isso apenas adicionando o seguinte script no seu XHTML:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE8.js" type="text/javascript"></script>

<![endif]-->

Pronto, agora é só usar nos seus novos sites e reduzir a queda de cabelo por causa do IE.
Mas antes, dê uma passadinha lá nos site do projeto, da atualização 2.0 e do google code onde está hospedado e veja as formas corretas de usar.
Depois diga aqui suas experiências (boas ou ruins) com o script :) .

Posted in browsers, bugs| 12 Comments | 

Web Developer tools no IE, OP e FF

Posted by admin at Fevereiro 7th, 2007

Atualmente todo desenvolvedor web que se preze conhece a incrivelmente salvadora WebDeveloper toolbar do Firefox. Em conjunto com a espetacular Firebug (excesso de adjetivo né? heh) e com com o DOM inspector, o desevolvedor pode achar exatamante onde está o erro/problema e corrigir de forma ultra-fácil. Seja problema no HTML, CSS ou JavaScript.

A bagaça começa a ficar complicada quando o problema SÓ acontece ou no Opera ou no Internet Explorer.
Estes dois navegadores não tem algo como um DOM inspector do Firefox ou as duas extensões citadas antes.

Mas eles tem umas ferramentazinhas que quase dão pro gasto: Opera developer tools e Internet Explorer Developer Toolbar Beta 3.

Internet Explorer Developer Toolbar Beta 3

Eu já tinha ele ha um bom tempo mas não tinha usado. Daí ontem baixei a versão nova (Beta 3), atualizada agora em janeiro.

Instalei o bixo no meu IE6, e como já devem imaginar, não chega aos pés do trio do Firefox (Webdeveloper, Firebug e DomInspector). Mas dá pros gastos. Na hora do aperto com o IE talvez ajude.

Ah, não cliquem nesse primeiro botão aí (chamado "select element by click") pois costuma travar o IE (pra variar).

Algo que chamou a atenção foi o fato de a extensão ter dado um visualizador de códigos descente pro IE.

Opera Developer tools

Os fãs do Opera que me desculpem, mas essas ferramentinhas aí conseguem ser pior que a IE Developer Toolbar beta 3 (que nome pequeno).

Tão mais pra Opera Gambiarra tools.

Além de serem um saco de usar, não mostram nada sobre a principal complicação do Opera que é o suporte ao JavaScript. Ou seja, como o Opera tem um ótimo suporte aos padrões e ao DOM (exceto JavaScript) esta ferramenta aí não vai ajudar muito não.

O IE Dev Toolbar eu recomendo instalar pois pode te ajudar algum dia, mas estas ferramentas do Opera aqui não compensa perder tempo não.

——————

Eeeeexta post: Há também o Web Accessibility toolbar para o IE, que parece ser porreta, mas o mico aqui não teve muito tempo de testar não.

Se você tá sem assunto pra fazer uma postagem nova no seu blog, aproveita ae e fala melhor dessa toolbar ae. Parece que a danada tem até negócio pra JavaScript. Me pareceu bem completa.

Ah, fala das outras duas aí acima também que eu nem falei quase nada né? "Pode crê mico, pode crê. ".

 

Té mais povo.

Posted in acessibilidade, browsers, dicas, extensões| No Comments |