TiloWR » Navegadores

HTML 5 em qualquer navegador com JavaScript

Tilo — Tue, 30 Mar 2010 15:48:03 +0000

Não podemos deixar passar cada oportunidade de usar o HTML 5, por isso aqui vai uma dica de fazer as tags de HTML 5 funcionarem nos Internet Explorers por exemplo, já usei em alguns projetos e funcionou perfeitamente.

Baixe aqui o HTML5.JS

Seguem dois exemplos de estrutura com HTML 5

IETester 0.4.2

Tilo — Wed, 27 Jan 2010 13:31:17 +0000

Ao desenvolver uma página para a Internet, o programador deve ficar atento para um item crucial: a compatibilidade com navegadores. Por vezes, páginas são exibidas maravilhosamente em um navegador X, enquanto em um navegador Y apresentam uma porção de erros, tanto visuais como funcionais. Solucionar isso exige um pouco do empenho do programador, ainda mais quando o navegador em questão é o Internet Explorer.

Isso porque este navegador, em especial, traz mecanismos bastante distintos em suas versões. Sendo assim, uma página exibida corretamente no Internet Explorer 7, não necessariamente aparecerá como deveria na versão 6 deste mesmo navegador. Teoricamente, bastaria abrir em um, depois em outro para averiguar a existência de falhas, porém na prática há um problema: ao instalar a versão 7 do Internet Explorer no Windows, a versão anterior instalada — provavelmente a 6 — é substituída. E agora, José?

O navegador 4 em 1!

O IETester foi criado justamente com o propósito de sanar este problema. Ele é um aplicativo capaz de simular os mecanismos das versões 5.5, 6, 7 e 8 do Internet Explorer simultaneamente. Em uma interface agradável e de fácil uso — idêntica a dos aplicativos do Microsoft Office 2007 — o usuário pode abrir quaisquer páginas, utilizando qualquer um dos mecanismos supracitados para avaliar o comportamento delas em cada uma das situações. Graças ao recurso de abas, podem-se efetuar múltiplos testes simultaneamente e comparar os resultados entre eles.

O programa é relativamente leve e encontra-se traduzido para o nosso idioma. Por estar ainda em fase de desenvolvimento, ele ainda possui algumas limitações funcionais e pequenas falhas, como a não exibição de elementos em flash no mecanismo do Internet Explorer 6.

Baixar Aqui!
Texto copiado do BaixaKI!

Mozilla Firefox 3.6

Tilo — Wed, 27 Jan 2010 13:14:56 +0000

Destaque:

Navegação Privativa:
novo Navegue pela web sem deixar um só rastro.

Gerenciador de Senhas
Memorize senhas de sites sem ver nenhum popup.

Campo de Endereços Inteligente
melhorado Encontre os sites que você gosta em segundos (e sem precisar lembrar de endereços estranhos).

Incrível Velocidade
novo Visualize páginas rapidamente e utilizando menos memória do seu computador.

Proteções Antiphishing e Antiataques
melhorado Aproveite a mais avançada proteção contra ataques e fraudes online.

Restauração de Sessões
improved Saída inesperada? Volte exatamente para onde você estava.

Favoritos em Um Clique
Adicione, procure, e organize sites favoritos de forma rápida e fácil.

Fácil Personalização
melhorado Milhares de complementos dão a você a liberdade de montar você mesmo o seu navegador.

Abas
melhorado Faça mais de uma só vez com abas que você organiza ao arrastar o mouse.

Identidade em um clique
Evite golpes online, transações inseguras e fraudes utilizando a identificação simplificada de sites.

Baixe Aqui!

Microsoft Internet Explorer 8

Tilo — Wed, 27 Jan 2010 13:06:24 +0000

Exiba qualquer site facilmente

Agora, você pode rapidamente visualizar sites que foram projetados para navegadores antigos. Se você estiver vendo uma página e o texto ou as imagens não estiverem alinhadas, use o novo botão do Modo de Exibição de Compatibilidade, próximo ao botão Atualizar da Barra de Endereços.

Faça as coisas mais rápido, com os Aceleradores

Você está só a alguns cliques de distância de fazer mapas, traduzir textos, compartilhar suas descobertas na web com seus amigos e mais. Os Aceleradores ajudam você a fazer as coisas que faz toda hora, sem ter que abrir uma nova janela do navegador. Assim, você pode se livrar rápido das tarefas rotineiras de navegação, como fazer um mapa para um endereço comercial ou encaminhar um link para um amigo.

Fique Mais Seguro Online

Navegue com mais confiança, sabendo com o Internet Explorer 8 ajuda a proteger você de cair em golpes online, logo de cara . O novo Filtro do SmartScreen e outros recursos de segurança integrados ajudam você a ficar em segurança, ajudando a proteger contra sites fraudulentos ou mal-intencionados que podem comprometer seus dados, privacidade e identidade.

Baixe Aqui!

Apple Safari 4

Tilo — Wed, 27 Jan 2010 12:46:35 +0000

Ele apresenta páginas web com incrível velocidade. Roda em iPhone, iPod touch, Mac e PC. Mostra seus sites favoritos rapidamente e é muito inteligente; verifica ortografia e gramática. Conheça o Safari, o navegador mais inovador do mundo.
A tecnologia que convida à inovação.

O navegador mais rápido do mundo, o Safari realmente surpreende. Por que ter que esperar a página carregar? Você quer ver os resultados da busca, as últimas notícias e o preço das ações agora. E é isso que o Safari faz, para que você espere menos e navegue mais. Na verdade, cada atualização de página no Safari é testada para garantir que a rapidez seja a mesma em todas as plataformas.

O Safari abre caminho para a Internet baseada em padrões. Os padrões são importantes. Antes deles cada navegador comportava-se da maneira que preferia. Com os padrões, cada navegador apresenta a página da mesma forma. Ótimo para os desenvolvedores porque os padrões permitem que eles criem sites que funcionam em todos os navegadores, de fábrica. E ótimo também para usuário em geral que tem excelente experiência garantida em cada site que visita.

É por isso que a Apple adotou e assumiu papel importante na definição de padrões como HTML 5 e o CSS 3, que garantem a consistência e avançam nos limites da web.

O Safari foi o primeiro navegador a suportar tags de áudio e vídeo em HTML 5. Eles permitem que o desenvolvedor integre mídia diretamente nas páginas web padrão, encurtando assim o tempo de desenvolvimento e agilizando as respostas. E com suporte às tecnologias off-line HTML 5, o Safari permite que aplicativos web armazenem informações no disco rígido do seu computador para que possam ser usadas posteriormente, sem conexão à Internet.

O Safari também foi o primeiro navegador a suportar animações CSS 3, um novo nível de interatividade na web e os efeitos CSS para que os desenvolvedores possam incrementar os sites com imagens estilizadas e fotos com efeitos impressionantes, máscaras precisas e reflexos incríveis.

A Apple também vem constantemente mostrando seu pioneirismo no suporte aos padrões mais recentes, sendo aprovada nos testes Acid 2 e Acid 3 antes de qualquer outro navegador. Elaborados pelo Web Standards Project, os testes Acid confirmam a capacidade de um navegador de lidar com os padrões web mais recentes.

Apple Safari 4

Google Chrome 4

Tilo — Wed, 27 Jan 2010 12:45:30 +0000

Use um navegador da web novo e mais rápido

A Última versão desse navegador está mais rápida e segura, além de trazer varias novidades, como a possibilidade de adicionar plugins e temas (tudo bem, temas já podiam)

O Google Chrome executa páginas e aplicativos da web na velocidade da luz.

Rápido para inicializar
O Google Chrome é inicializado em um piscar de olhos.

Rápido para carregar
O Google Chrome carrega páginas da web rapidamente.

Rápido para pesquisar
Pesquise na web a partir da barra de endereço.

Baixar o Google Chrome 4

PrintScreen no FireFox

Tilo — Mon, 01 Jun 2009 17:41:50 +0000

Tava aqu ibatendo a cabeça pra tirar um printscreen da tela toda, mesmo da parte que eu não consigo ver, ao inves de abrir a tela no photoshop e juntar varios prints faça isso de uma vez no Firefox com esse plugin

FireShot

PNG Fail no IE7 e IE8

Tilo — Thu, 28 May 2009 16:51:34 +0000

Passei a Manhã tentando descobrir uma discrepencia nas cores de um arquivo “png”, para poder ter o mesmo efeito criamos um “gif” para o IE6, até ai tudo normal, o problema foi que o Firefox 3, Chrome, IE 6 e Safari 4 estavam desenhando perfeitamente a cor “#463C15“, porem o IE 7 e IE 8 estavam escurecendo-a, olha a diferença:

Gritante não é? pois é! mais uma vez eu GRito “Morte aos IE “

min-height para IE6

Tilo — Thu, 14 May 2009 19:41:56 +0000

Todo Desenvolvedor Front-End já precisou de uma div com uma altura minima (min-height) mais não funcionava no lixo do IE6, pois é agente teve problema com um site de cliente que se naum tivese um minimo ele ficava muito estranho, depois de bater a cabeça na parede e tentar se jogar da janela do prédio sem sucesso , pois estavam todas trancadas depois da crise de 29 (não entendeu a piada? Ouve esse podcast!), fui obrigado a procurar uma solução, e cheguei a essa:


.alturaminima100 {
min-height: 100px;
height:auto !important;
height:100px;
}

o segredo é colocar o min-height para o Firefox e todos os outros Browsers e pro IE6 colocar as duas linhas da sequência:

height:auto !important;
height:100px;

o IE 6 vai desenhar o tamanho minimo e almentar quando receber conteudo, lembrando que sempre a melhor opção é Matar o IE6!

Plugins do Firefox para Desenvolvedores

Tilo — Sat, 28 Feb 2009 22:05:39 +0000

Algumas pessoas me perguntaram como eu sabia qual era a classe que estava sendo aplicada a determinada elemento, ou como eu sabia a medida de um box sem olhar o extilo dele, ou até mesmo a cor de uma fonte com precisão sem colocar no photoshop, simples, plugins para o FireFox. separei uma pequena lista do plugins que eu uso que me ajudam no dia-a-dia.

Web Developer 1.1.6

Grupo de ferramentas para uso no desenvolvimento de paginas (X)HTML, como por exemplo: desabilitar estilos, exibir contono sobre div’s, tabelas e tags especificas, especionar elemento, mostrando sua caracteristicas naturais, régua entre outros.

MeasureIt 0.3.8

Como já diz, “Por Medida”, a MeasureIt é uma regua muito util para quem não quer instalar toda a Web Developer, eu particularmente gosto pois ela tem um acesso fácil no canto do navegador e isso ajuda muito quando você precisa dela, para usar, basta clicar no icone da regua e arrastar na tela.

ColorZilla 2.0.2

Não tem nenhum programa editor de imagem instalado ou acha que é muito trabalhoso abrir só pra usar o contagotas para saber que cor tem aquela fonte ou aquela borda? “Seus probremas se acabaram-se” com o colorzilla basta você passar o cursor sobre qualquer lugar dentro do navegador que ele identifica a cor exata.

Html Validator 0.8.5.2

Que tal um acompanhamento simultaneo para saber se seu site está dentro dos padrões recomendados pelo W3C? é exatamente isso que o HTML Validator faz, mostra em como está saindo seu código, se houver algum erro ele indica a linha exata que o erro está acontecendo.

FirePHP 0.2.4

O FirePHP é um Analisador de código, com ele você pode fazer testes e até debugar o Código, facilitando muito na hora de localizar possiveis erros.

Firebug 1.3.3

Por último e não menos importante a ferramenta que ultimamente é sem duvida a que eu mais uso, com ela você pode editar seus códigos HTML, estilos CSS e Scripts JavaScript direto no navegador, podendo “debugar” o código, e fazer testes.

TiloWR » Navegadores

HTML 5 em qualquer navegador com JavaScript

Leia Também:

IETester 0.4.2

Leia Também:

Mozilla Firefox 3.6

Leia Também:

Microsoft Internet Explorer 8

Leia Também:

Apple Safari 4

Leia Também:

Google Chrome 4

Leia Também:

PrintScreen no FireFox

Leia Também:

PNG Fail no IE7 e IE8

Leia Também:

min-height para IE6

Leia Também:

Plugins do Firefox para Desenvolvedores

Web Developer 1.1.6

MeasureIt 0.3.8

ColorZilla 2.0.2

Html Validator 0.8.5.2

FirePHP 0.2.4

Firebug 1.3.3

Leia Também: