desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • Ferramentas
  • Downloads
  • Feeds
  • Mapa do blog
  • Sobre

ie7-js: um javascript para fazer o Internet Explorer renderizar melhor

15 de janeiro de 2008 2 comentários

Fiquei sabendo que existe o ie7-js, um arquivo javascript que faz com que o Internet Explorer se comporte como se fosse um “standards compliant browser“, quer dizer, as versões do IE a partir da 5, até a 6, comportando-se como IE 7!

Vi no feed do project.47 algo muito bom: um script (javascript) para dar um jeito nas renderizações meia-boca que encontramos nas versões anteriores do Internet Explorer, quer dizer, corrige uma série de erros de renderização em HTML e CSS: trata-se do ie7-js.

É bem simples: basta inserir o script nas páginas que deseja que sejam renderizadas nos IEs 5-6 como se fossem IE 7! Provavelmente, serão em todas, não é? ;-)

Há, também, uma script para renderização conforme Internet Explorer 8, mas este ainda é beta, por motivos óbvios.

Atenção para uma coisa: na renderização de páginas web, o navegador vai lendo linha a linha; quando se depara com uma chamada a javascript externa (que é o recomendado, por motivos de separação do desenvolvimento em camadas), a renderização é interrompida até que o script esteja totalmente carregado.

Tendo isso em mente, deve-se, na hora de inserir um javascript, escolher com cuidado se este será chamado logo no cabeçalho do documento (head) ou no fim de toda a página (antes de fechar a tag “body”). Dependendo de o quê o script faz e da necessidade em vista, é desaconselhável que se o chame logo no começo da página; noutras vezes, é imprescindível!

Creio que este seja o caso do ie7-js, quer dizer, deve-se chamá-lo no cabeçalho do documento, a fim de que seus efeitos sejam postos em prática o quanto antes e as páginas sejam renderizadas conforme o Internet Explorer 7!

Além desta maravilha de alterar a renderização das páginas, o javascript também provê a funcionalidade de colocar transparentes arquivos PNG em versões anteriores a 7 do IE. Mas há uma condição para isso… Não deixe de visitar a página oficial do script para saber mais a respeito!

E um último lembrete: trata-se de um javascript, lembrem-se bem disso; portanto, nada de negligenciar os testes nas versões anteriores do Internet Explorer! Afinal, nunca se sabe se o visitante vai estar com o javascript habilitado, ou não!

página do projeto ie7-js
Categorias
indicações, javascript
Indicar artigo
x

 





Indicar artigo
Comentários RSS
Comentários RSS
Trackback
Trackback

Todo desenvolvedor web deve ler

Use a cabeça: HTML com CSS e XHTML. Criando página web com CSS. Usabilidade na web. Não me faça pensar. Design para a internet.

Artigos relacionados a "ie7-js: um javascript para fazer o Internet Explorer renderizar melhor"

  • Compatibilidade CSS e o Internet Explorer: tabela comparativa de compatibilidade CSS/IE
  • Tripoli: CSS standard para renderização HTML
  • Super referência para HTML, CSS e Javascript
  • Como usar qualquer tipo (fonte tipográfica) em seu blog Wordpress
  • jQuery: apresentação
  • Meta tags
  • krugle: busca de códigos para programadores e desenvolvedores
  • Manageable: praticidade e rapidez para editar informações de páginas e artigos do Wordpress
  • Escolha as melhores palavras-chave para a otimização de um web site para os mecanimos de busca
  • 30 extensões para Firefox que vão mudar sua vida na web (para melhor)

2 comentários em "ie7-js: um javascript para fazer o Internet Explorer renderizar melhor"

Carlos Eduardo (19/01/2008)

Ótima observação ao final do post!

Não devemos nos esquecer de que se trata de um JavaScript e, portanto, um usuário que estiver com esta funcionalidade desabilitada, não visualizará seu site corretamente, o que prejudicará (e muito) a qualidade do projeto.

Aproveito, também, para agradecer a referência ao project.47!

Abraço.

Tárcio Zemel (19/01/2008)

Certamente, Carlos!

Um dos grandes “poréns” do desenvolvimento para web é não poder precisar de que maneiras o visitante acessa os web sites: resolução de tela, cores, imagens habilitadas ou não, javascript habilitado ou não, etc.

Um bom projeto web deve levar em conta a maioria das possibilidades!

E parabéns pelo project.47! Sou fã das “Sextas feiras de web standards”!

Certamente esta não será a última referência que farei… :-D

Comente!

Translator

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag

Artigos mais visitados

  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • 10 fontes de inspiração para fazer logotipos de qualidade
  • CSS float: considerações, dicas e macetes para bons layouts na web
  • Centralizar suas páginas web com CSS: como deixar o site sempre no centro com folhas de estilo
  • Baixar ícones de alta definição e qualidade

Categorias

  • (x)html (5)
  • acessibilidade (4)
  • blogs (7)
  • css (17)
  • design (31)
  • firefox (6)
  • indicações (50)
  • javascript (5)
  • jquery (8)
  • miscelânea (31)
  • php (7)
  • séries (9)
  • seo (12)
  • usabilidade (8)
  • wordpress (20)

Eu indico

  • ChromeBrasil
  • Fique Rico
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

Check list de uma instalação básica do Wordpress

Ícones de setinhas para download (grátis)

Componentes de um sistema de navegação

10 fontes de inspiração para fazer logotipos de qualidade

Richard Stallman e os programas baseados na web

Meta tags

Últimos Comentários

André: Hum, engraçado. Encontrei o conteúdo em inglês e fui redirecionado depois de comentar, hehe. De (...)

André: Great article! I'm brazilian problogger studing typography and minimalist web design to apply in (...)

Nildo Jr: Cara... vai estudar!!!!!... vai estudar a historia da maconha... e saber o pq dela ser (...)

Ramon: Alguém deveria gravar em vídeos para quem não puder ir, concerteza é um excelente (...)

Chris Benseler: Acho que podiam ser adicionados a essa lista uma ferramente de busca interna no (...)

Mais Comentados

Meta tags (16)

CSS float: considerações, dicas e macetes para bons layouts na web (15)

Google Chrome - primeiras impressões sobre o navegador da Google (14)

Como montar um portfolio sem ter clientes (13)

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

desenvolvimento para web trata sobre padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais.

A tradução automática é do Wordpress Global Translator Plugin e há alguns direitos reservados.