Termo pesquisado: navegador
Posts encontrados: 5
HTML 5 Funcionando no Internet Explorer
Postado em 03 de Junho de 2010, às 20:07Olá pessoal!
Todo bom desenvolvedor web já conhece pelo menos uma grande novidade que o HTML5 traz para nós. Da mesma forma, todos sabem que o Internet Explorer não reconhece as novas tags do HTML5.
Mas, já existe uma solução em javascript para este problema. Basta acrescentar este código na tag <head> da sua página. O código abaixo deve, obrigatoriamente, vir antes de qualquer script CSS do seu site:
Se preferir, acesse o site do projeto http://code.google.com/p/html5shiv/.
Quero aproveitar o ensejo deste artigo (gastei meu português agora!) para mostrar uma curiosidade sobre o IE, na verdade, é graças a esta peculiaridade que foi possível desenvolver o HTML 5 shiv.
Veja o código abaixo:
Se tentarmos abri-lo no IE, o navegador da Microsoft não vai aplicar os efeitos (CSS) na tag <time>, veja o screenshot abaixo:
Agora veja o código abaixo, ele soluciona o problema do IE não reconhecer a tag <time> utilizando javascript para adicionar a tag ao DOM. Ao fazê-lo, o IE se vê obrigado a renderizar uma tag que não reconhecia com os efeitos definidos no seu código CSS.
Desta forma podemos trabalhar com HTML5 naturalmente no IE. Veja o resultado no screenshot abaixo:
Até mais pessoal, espero ter ajudado alguém com essa dica.
Novo Opera 10.50
Postado em 28 de Março de 2010, às 17:26Olá pessoal! Resolvi escrever este post para prestar um tributo a um navegador que gosto muito e é o meu navegador padrão, estou me referindo ao Opera.
O novo Opera 10.50 (já atualizado para o 10.51) está espetacular, a interface do usuário está mais limpa, mais elegante e o espaço para o documento aumentou.
O novo navegador da companhia Norueguesa está com o novo Presto 2.5 que torna a navegação mais rápida. Também foi melhorada a integração do navegador com o Aero Glass no Windows 7 e Vista e o Aero Peek do Windows 7. As caixas de diálogo ficaram mais elegantes também, além de mais funcionais, uma vez que agora você não fica bloqueado em uma única página quando uma caixa de diálogo aparece na tela.
Uma das melhores novidades desta nova versão fica por conta dos menus, que agora, estão agrupados em um ícone no canto superior esquerdo da janela, eu achei que ficou muito prático.
Veja abaixo o vídeo da nova versão (esse vídeo é do Opera 10.50), garanto que você vai gostar!
Enfim, eu uso Opera para tudo, inclusive para programar. Eu desenvolvo qualquer site nele primeiro, se funcionar perfeitamente então é certo que funcionará em outros browsers, com exceção do IE que precisa ser testado aparte.
Se você nunca usou este navegador ou nem mesmo sabia da existência dele, então experimente usá-lo, vai ser difícil não gostar dele, uma vez que ele é o precursor de muitas novidades entre os navegadores web, ou seja, muitas coisas que são conhecidas no Firefox, por exemplo, já existiam no Opera ou foram inventadas pela própria Opera Software.
Portanto, utilizar o Opera é o mesmo que estar um passo à frente quando se fala de navegadores web.
Compactar Páginas no Servidor Para Economizar Banda
Postado em 21 de Março de 2010, às 21:32Olá pessoal, semana passada estava analisando as estatísticas do meu blog no Google Ferramentas para webmasters e me deparei com uma dica do Google para eu poder economizar banda de transferência e diminuir o tempo e carregamento das páginas do meu blog.
A dica do Google afirmava que eu poderia economizar até 75% da minha banda de transferência se eu compactasse o conteúdo.
Acho que o recurso de compactação dos arquivos com a extensão .HTML, .txt, .js, .css e etc. com gzip no servidor de hospedagem não é novidade para ninguém. A compactação não inclui arquivos multimídia, pois estes arquivos já são naturalmente comprimidos.
O que eu não sabia era se a nossa querida discórdia poderia trabalhar com esse recurso, acho que vocês já adivinharam sobre o que estou me referindo, Internet Explorer.
Bom, perguntei para o “Google que tudo sabe” e, ele me respondeu que eu poderia testar a capacidade dos navegadores web de trabalharem com conteúdos compactados pelos servidores utilizando esta ferramenta: HTTP Compression Test.
Ao entrar no site da ferramenta chamada Teste de Compressão HTTP (na tradução literal), você logo verá se o navegador que está utilizando suporta conteúdo compactado. Veja exemplo na imagem abaixo:
Realizei este teste com os principais navegadores web e felizmente o teste funcionou em todos eles inclusive no Internet Explorer. Veja abaixo a lista dos navegadores que testei e suas respectivas versões:
- Opera 10.10;
- Firefox 3.6;
- Chrome 4.1;
- Safari (Windows) 4.0;
- Internet Explorer 8;
Nesta mesma ferramenta existe um campo onde posso digitar uma URL e verificar se a página desta URL está sendo compactada pelo servidor. Realizei o teste com o meu blog e, acabei confirmando o que o Google já havia detectado, o meu blog não estava sendo compactado pelo meu servidor de hospedagem.
Eu hospedo meu blog na LocaWeb (Não existe nada melhor) e habilitei a opção de compactação dos arquivos via arquivo .htaccess. Eu utilizei o módulo deflate disponível no Apache 2. Veja abaixo o teste que realizei com meu blog após habilitar o recurso de compactação:
Se você deseja fazer o mesmo para deixar o seu site mais rápido, tente localizar no painel de controle do seu servidor de hospedagem se existe alguma opção para compactar o conteúdo do site, alguns servidores já deixam esta opção habilitada por padrão, portanto, tente fazer um teste antes, utilizando o HTTP Compression Test para verificar se seu site já está sendo compactado.
Se não existe nenhuma opção para habilitar o recurso de compactação, tente buscar nos FAQs ou no Fórum do servidor de hospedagem ou, ainda, em páginas Wiki do seu servidor (A LocaWeb possui um, acesse aqui).
Para quem sabe inglês e quer mais informações sobre o módulo deflate, acesse a página da autoridade máxima no assunto: http://httpd.apache.org/docs/2.0/mod/mod_deflate.html. Lá você encontrará exemplos de scripts para colocar no arquivo .htaccess do seu servidor para habilitar a compactação.
Campanha de Aposentadoria do Prefixo WWW nos Endereços dos Sites na Internet
Postado em 10 de Janeiro de 2010, às 13:56Olá pessoal! Neste artiguinho quero promover uma nova tendência. Estou falando do uso do prefixo "www" antes dos endereços das páginas de internet que gostamos de acessar frequentemente.
Primeiramente, para quem não sabe, o prefixo www (World Wide Web, que em português significa, "Rede de alcance mundial"; também conhecida como Web) é um sistema de documentos em hipermídia que são interligados e executados na Internet. Pois bem, desde a popularização da internet iniciada mais precisamente em 1993 com o lançamento do Mosaic (Primeiro navegador web) nós temos sempre digitado esse prefixo no início de qualquer endereço de site.
Porém, na maioria dos endereços de sites da internet mundial, o prefixo "www" não é obrigatório, ou seja, você não precisa digitá-lo para poder acessar uma página na internet, por exemplo: vamos tomar como exemplo o endereço do meu blog, www.cristianoluminati.com.br, para acessá-lo, você provavelmente digitaria todo o endereço, mas, se você digitar apenas o domínio* do blog, cristianoluminati.com.br, você poderá acessar o blog da mesma forma. Isso ocorre com muitos outros sites em todo o mundo, claro que existem exceções, mas, são pouquíssimas.
Há muito tempo atrás, ou melhor, logo quando a internet se popularizou, todos digitavam o prefixo "http://", o que hoje em dia já não é mais necessário uma vez que, os navegadores como Internet Explorer, Mozila Firefox, Opera e muito outros, entendem que você quer acessar uma página na internet e completam o endereço com o prefixo http://; por isso já deixamos de digitar este prefixo há muito tempo.
Agora chegou a vez do "www". Na verdade, este prefixo é apenas o nome de um diretório onde o site que você quer acessar está gravado (ele funciona como um subdomínio que te direciona para a página inicial do site), mas, se você já digita o endereço do site, porque dizer onde ele está gravado também? Afinal de contas, isso é um trabalho do servidor onde está o site e não do internauta, ou seja, é o servidor que deve te direcionar para a página inicial do site não você.
Portanto, pessoal, de agora em diante, tentem não usar mais o prefixo "www", assim vocês podem economizar tempo ao digitar os endereços dos seus sites favoritos. E você que possui um site, evite colocar o prefixo no endereço dele nos seus cartões de visita também, em minha opinião, não usar o prefixo dá um charme extra ao endereço do site.
Até mais pessoal, por favor, deixem comentários... rsrs.
* Domínio é um nome que serve para localizar e identificar conjuntos de computadores na Internet. O nome de domínio foi concebido com o objetivo de facilitar a memorização dos endereços de computadores na Internet. Sem ele, teríamos que memorizar uma sequência grande de números. Fonte: wikipedia.org.
Compatibilidade dos Browsers com os Padrões Web Definidos Pela W3C
Postado em 11 de Julho de 2009, às 20:40Olá pessoal!
No meu último post (Qual Framework Javascript devo usar?), fiz um teste com cinco frameworks javascript em sete browsers diferentes. Por meio desta pesquisa chegamos a um fato curioso, o terrível desempenho de todos os frameworks nos navegadores da Microsoft (IE7 e IE8).
Sendo assim, neste post vou mostrar os resultados de um teste que realizei em uma ferramenta web de testes de compatibilidade. Mas, antes quero explicar um pouco sobre o Acid3, que é a ferramenta utilizada no teste, é importante conhecer a ferramenta ou não será possível entender os resultados que mostrarei neste post.
O Acid3 é uma suíte de teste de compatibilidade com padrões web (Web Standards) W3C com navegadores com 100 diferentes tipos de testes.
Esse teste tem um nível muito alto de exigências para os navegadores (browsers) em comparação com o seu antecessor - Acid2. A sua escala vai de 1 a 100.
Em 26 de Março de 2008, o Opera foi o primeiro navegador a atingir a marca dos 100/100 no teste acid3. Porém no mesmo dia foi anunciado que o Webkit do Safari em desenvolvimento conseguiu também com sucesso atingir a escala 100.
O que é testado nesta suíte? Veja abaixo:
- DOM2 Core
- DOM2 Events
- DOM2 HTML
- DOM2 Range
- DOM2 Style (getComputedStyle, …)
- DOM2 Traversal (NodeIterator, TreeWalker)
- DOM2 Views (defaultView)
- ECMAScript
- HTML4 (<object>, <iframe>, …)
- HTTP (Content-Type, 404, …)
- Media Queries
- Selectors (:lang, :nth-child(), combinators, dynamic changes, …)
- XHTML 1.0
- CSS2 (@font-face)
- CSS2.1 (’inline-block’, ‘pre-wrap’, parsing…)
- CSS3 Color (rgba(), hsla(), …)
- CSS3 UI (’cursor’)
- data: URIs
- SVG (SVG Animation, SVG Fonts, …
Agora que você já sabe um pouco sobre o Acid3, veja abaixo um gráfico com os resultados dos testes que realizei:
O teste foi realizado duas vezes em cada browser (apenas para garantir, pois este não é um teste de performance), notem que utilizei os mesmo navegadores utilizados para testar os frameworks javascript no post supracitado.
Como podemos ver, CLARAMENTE, o IE7 e IE8 não conseguem realizar nem metade das 100 tarefas de compatibilidade sugeridas pelo Acid3. O Opera 9.64 ficou um pouco abaixo da média dos outros browsers, mas isso não será um problema por muito tempo, pois provavelmente ele será descontinuado assim que for lançado o Opera 10 final. Somente o Firefox vai ficar devendo no que diz respeito a compatibilidade.
"E os internautas e até alguns desenvolvedores inescrupulosos ainda preferem o Internet Explorer!"
Obs.: Algumas partes deste post foram formuladas com base no site de pesquisas wikipedia.org.
Receba Atualizações
Posts Recentes
- Code Completion no Netbeans com PHP
- CSS3 Funcionando no Internet Explorer
- HTML 5 Funcionando no Internet Explorer
- Inocência ou Não?
- Ranking dos Maiores Browsers do Mundo e do Brasil.
- Como Programadores Caçam Elefantes
Categorias
- Banco de dados (0)
- Diversos (5)
- Fotos e Imagens (0)
- Humor (5)
- Internet (12)
- Java (0)
- Javascript (3)
- Linux (1)
- Livros (3)
- PHP (2)
- Programação (10)
- Tecnologia (3)
- Vídeos (1)
- Windows (2)