Mas agora, falando de uma forma global, excluindo as versões, infelizmente o IE ainda tem uma vantagem:

Tenho plena certeza de que logo esse cenário irá se inverter. E vocês, o que acham?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Como forçar os usuários a deixar de usar o IE6
• Use Firefox e salve o planeta
• Novas propriedades CSS suportadas no Firefox 3
• Quando a esmola é demais, o santo desconfia
• Quer testar seu site na primeira versão do Firefox?

Trata-se de uma ferramenta opensource de Mobile Phone Detection, que oferece suporte para as principais linguagens do mercado (PHP,Rails,Javascript,ASP,etc).

É só escolher a linguagem desejada e baixar o arquivo.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Detectar Mobile Browsers com PHP
• Mobile Phone Development Tools
• 1º Mobile Expert
• Skyfire – Browser alternativo para Windows Mobile
• Acessibilidade e boas práticas no desenvolvimento para dispositivos móveis

Com o constante crescimento da internet móvel, criar uma versão mobile do seu site não pode ficar para segundo plano. Devido hoje os browsers instalados nos aparelhos celulares serem cada vez mais semelhantes aos browsers desktop, utilizar do atributo media=”handheld” no CSS pode não ser a melhor solução.

Portanto, para você ter certeza de que sua aplicação será acessada corretamente pelos user-agents é aconselhável utilizar alguma linguagem de programação. Calma, você não precisa ficar desesperado por que não sabe programar, o site Detect Mobile Browsers disponibiliza um código para que você possa fazer isso facilmente. Você vai até o site, gera o código como desejar, depois basta fazer o download do mesmo e aplicá-lo ao seu site.

Exemplos

Detectar e redirecionar todas as requisições mobile para o site google.mobi:

< ?php
    include('mobile_device_detect.php');
    mobile_device_detect(true,true,true,true,true,true,'http://google.mobi/',false);
?>

Detectar e redirecionar todas as requisições não mobile para o site google.com:

< ?php
    include('mobile_device_detect.php');
    mobile_device_detect(true,true,true,true,true,true,false,'http://google.com/');
?>

Detectar e redirecionar: Mobiles para google.mobi e não mobiles para google.com:

< ?php
    include('mobile_device_detect.php');
    mobile_device_detect(true,true,true,true,true,true,'http://google.mobi/','http://google.com/');
?>

Incluir um arquivo para browsers mobile e outro para versões não mobile:

< ?php
    include('mobile_device_detect.php');
    if(mobile_device_detect(true,true,true,true,true,true,false,false)){
      include('mobile.html');
    } else {
      include('nao-mobile.html');
    }
?>

Para maiores informações e documentação, visite o site oficial.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Detectar Mobile Browsers em várias linguagens
• Mobile Phone Development Tools
• 1º Mobile Expert
• Skyfire – Browser alternativo para Windows Mobile
• Acessibilidade e boas práticas no desenvolvimento para dispositivos móveis

De tanto a Microsoft apanhar de seus concorrentes, parece que ela agora acordou para o mundo e viu que já passou da hora de dar atenção a seu browser. Ontem, através do blog do Internet Explorer, eles divulgaram as primeiras mudanças que serão feitas na futura versão do seu browser:

• JavaScript: Um novo motor de JavaScript será utilizado no browser para conseguir bater de frente com Firefox e Google Chrome.
• CSS: Finalmente o IE terá suporte a CSS3, especialmente a bordas arredondadas, coisa que os outros browsers já suportam a anos.
• Aceleração de Hardware: O IE9 irá utilizar de aceleração Directx para melhorar os gráficos e execução de Ajax. Mais isso possui um custo, consumo de recursos da CPU.
• HTML5: Pouco se sabe se essa nova versão irá dar suporte a HTML5 ou não. O que se sabe é que ele dará suporte a API de armazenamento local, mas isso o IE8 já possui suporte.

Mas agora, levando em consideração que a nova versão do Office (Office 2010) terá alguns componentes que irão rodar na web, certamente o IE9 terá suporte a <canvas>, drag and drop, querySelector e várias outras funcionalidades do HTML5 para que as aplicações web possam funcionar corretamente.

Como poucas informações foram divulgadas, será que essa nova versão do Browser será compatível com sistemas operacionais antigos como o Windows XP ou irá funcionar somente no Windows 7? Vamos aguardar os próximos anúncions da Microsoft com maiores informações, só espero que as mesmas sejam animadoras.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Propaganda Fail da Microsoft
• Solução definitiva – PNG Transparente no IE6
• A Guerra dos Browsers
• Microsoft interessada em usar Webkit
• Quando a esmola é demais, o santo desconfia

Você já tentou explicar para a sua mãe o que é um Browser? Usuários leigos de internet não sabem o que são browsers, que existem várias opções disponíveis no mercado, algumas muito boas, outras ruins, deve ser por isso que o Internet Explorer ainda é muito utilizado. Pois para um usuário leigo, ao clicar naquele ícone azul no seu desktop, ele já está na internet, para ele não faz diferença alguma utilizar IE7, IE8, Firefox, o que ele quer mesmo é visitar seu perfil no Orkut e deixar scraps para seus amigos.

Mas não seria interessante mostrar de alguma forma a esse usuário que ele pode ter sua experiência melhorada utilizando um browser que proporcione essas opções? Foi pensando nisso que Jason Toff, Associate Product Marketing Manager do Google, após várias tentativas frustradas de tentar explicar para sua mãe o que é um browser criou um vídeo de 1 minuto que mostra de uma maneira bem simples o que é um browser:

E o trabalho não ficou só por aí, ele também lançou um site chamado WhatBrowser.org que dá mais informações sobre os browsers. Nele você pode ver qual browser está utilizando, visualizar testes de diagnóstico e obter mais informações para explorar ao máximo seu browser.

Aproveite agora e mande esse post para aquele seu amigo que adora navegar utilizando o Internet Explorer 6, quem sabe ele não passa a utilizar o Firefox.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Firefox 3.5 é o Browser mais utilizado no Brasil
• Que venha o Internet Explorer 9
• Converta o Internet Explorer em Google Chrome
• Por que o IE6 não morre nas grandes empresas?
• RockMelt – Será o novo Netscape?

Através de uma meta tag você tem a opção de ativar a renderização do Chrome dentro do IE, fazendo com que o mesmo utilize o motor de renderização WebKit. Mas só a meta tag não basta, o usuário deve ter o plugin do Chrome Frame instalado no PC para que tudo funcione corretamente.

A utilização da Meta tag se resume ao seguinte:

<meta http-equiv="X-UA-Compatible" content="chrome=1" />

E caso o usuário já tenha o plugin instalado no PC, ao ser encontrada essa meta tag na página automaticamente o browser passa a utilizar o motor de renderização do WebKit. Você pode detectar se o usuário tem o plugin instalado com a utilização do seguinte código de exemplo:

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"> </script>

<div id="placeholder"></div>

<script>
 CFInstall.check({
 node: "placeholder",
 destination: "http://www.waikiki.com"
 });
</script>

Assim você possui a opção de verificar se o plugin está instalado e dá ao usuário a opção de instalá-lo, ou não.

CFInstall.check()

Através desse método, você tem a opção de checar os seguintes parâmetros:

• mode: opcional – Como o usuário verá a solicitação para instalação (Por default inline, uma outra opção é abrir um popup).
• URL: opcional.
• destination: opcional – A URL ao qual é direcionado quando é detectado que Google Chrome Frame está instalado.
• node: opcional – ID do elemento ao qual deve aparecer a mensagem de instalação.
• onmissing: opcional – Funcionalidade quando não se detecta Google Chrome.
• preventPrompt: opcional Booleano que permite desativar o redirecionamento (Por default é false).
• oninstall: opcional – Funcionalidade que será executada quando se mostra a opção de instalação.
• preventInstallDetection: opcional – Booleano que previne o redirecionamento quando é detectado que Google Chrome Frame está instalado.
• cssText: opcional – Estilos que se aplicam ao iframe em modo inline.
• className: opcional – Classe que pode ser aplicada ao iframe em modo inline.

O Google Chrome Frame pode ser aplicado ao Internet Explorer 6, 7 e 8. Que então comece a revolução.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Firefox 3.5 é o Browser mais utilizado no Brasil
• Que venha o Internet Explorer 9
• What is a browser?
• Por que o IE6 não morre nas grandes empresas?
• RockMelt – Será o novo Netscape?

O desenvolvedor Brian Cray criou uma equação para mostrar aos usuários como é caro ainda prestar suporte ao IE6, resolvi mostrá-la aqui pois o cálculo é bem interessante, levando em consideração que os valores em dólares.

A equação se resume da seguinte forma:

receita média por visitante*número de usuários com IE6-(custo hora do desenvolvedor*horas necessárias para corrigir erros no IE6).

Esse cálculo pode ser feito em base mensal, anual ou trimestral.

Exemplo

• O site ganha em média $.10 (10 centavos de dólar) por visitante.
• O site recebe 100 visitas mensais através do IE6.
• O custo com o desenvolvedor é de $20/hora (20 dólares hora).
• O desenvolvedor gasta em média 4 horas por mês para corrigir bugs do IE6.

Abaixo você vê como funciona o cálculo:

1 * 10 – (20 * 4) = 10 – 80 = -70

Em outras palavras você estará perdendo 70 dólares mensais prestando suporte ao IE6. Este é apenas um exemplo muito simples, levando em consideração que proporcionar experiências ricas para usuários de IE6 custa muito caro.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Que venha o Internet Explorer 9
• Digg e Youtube deixam de dar suporte ao IE6
• Propaganda Fail da Microsoft
• Internet Explorer 8 disponível via Windows Update
• Internet Explorer Collection

O site IE6 Offenders tem como foco principal mostrar aos usuários o por que das grandes corporações ainda utilizarem o IE6. Os principais motivos de utilização do mesmo são:

• Utilizam software proprietário que depende do IE6.
• Utilizam hardware antigo.
• Não sabem dos problemas do IE6

Mais aí eu me pergunto, até quando eles irão conseguir sustentar isso? Se aqui fora a internet evolui a cada segundo, lá dentro as coisas irão voltar a pré-história, vocês concordam com isso?

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Firefox 3.5 é o Browser mais utilizado no Brasil
• Que venha o Internet Explorer 9
• What is a browser?
• Converta o Internet Explorer em Google Chrome
• RockMelt – Será o novo Netscape?

O Netscape, criado por Marc Andreessen, foi um dos primeiros navegadores gráficos criados para a Web, foi lançado em 15 de dezembro de 1997, sendo o mais popular até o ano de 1999, onde após travar uma guerra com a Microsoft, perdeu a concorrência para o Internet Explorer.

Em maio de 1998, já em sua versão 5, seu código fonte foi aberto e passou a ser gerenciado pela Fundação Mozilla, sendo “Mozilla” o nome-código das primeiras versões do Netscape, e passou a tomar o nome de “Mozilla” a partir de 2002, e posteriormente SeaMonkey.

Posteriormente a Netscape foi vendida para a AOL, que assumiu o desenvolvimento do mesmo até a versão 9, e em fevereiro de 2008, foi descontinuado.

A partir do código do Netscape foi desenvolvido o Firefox, browser usado hoje por 5 entre cada 10 pessoas, o resto ainda utiliza Internet Explorer, mal sabem eles.

Projeto RockMelt

Marc Andreessen, o criador do Netscape, disse recentemente estar trabalhando em um novo projeto, o RockMelt, que será um browser mais voltado ao Facebook, além de possuir um encurtador de URL’s interno. O site do browser ainda não nos dá qualquer tipo de informação, contendo somente o logo e um formulário para cadastro de recebimento de novas informações.

Que acompanhou o trabalho de Marc Andreessen e em consequência o Netscape, sabe que ele não entra no jogo para brincadeira, a Microsoft que se cuide.

Mais informações:

• The New York Times – Netscape Founder Backs New Browser
• RockMelt: Netscape’s Andreessen Backing Stealth Facebook Browser

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Firefox 3.5 é o Browser mais utilizado no Brasil
• Que venha o Internet Explorer 9
• What is a browser?
• Converta o Internet Explorer em Google Chrome
• Por que o IE6 não morre nas grandes empresas?

A Web Developer Toolbar, desenvolvida por Chris Pederick, é uma das ferramentas mais úteis ultimamente para auxiliar no desenvolvimento web, atuando em conjunto com o Firebug. Mas para utilizá-la você precisa do Firefox, se você ainda utiliza o Internet Explorer, esqueça, pare de ler esse post.

Após instalar a barra, reinicie o Firefox, você verá que a partir de agora existe uma nova barra abaixo da barra de endereços composta dos seguintes botões: Desativar, Cookies, CSS, Formulários, Imagens, Informações, Outros, Destacar, Redimensionar, Ferramentas, Código-Fonte, Opções.

Desativar

Permite desativar funcionalidades de uma página web, tais como Cache, Java, JavaScript, Redirecionamentos Meta, Bloqueadores de Popup entre outras opções. Dois itens que merecem destaque são o Desativar o envio do endereço (referrers) permitindo navegar de forma privada na web, e Desativar Cache, onde ao efetuar atualizações em uma página web você tem certeza de que sempre estará vendo a última versão da página.

Cookies

Lhe proporciona a opção de manipulação de cookies em sites que o utilizam, uma opção em destaque é a de que você pode adicionar seu próprio cookie a qualquer site.

CSS

O grande destaque dessa opção é a de Editar CSS, onde você pode editar o CSS de qualquer site e ver as atualizações em tempo real, além de opções como desabilitar o CSS externo ou embutido na página (inline).

Formulários

A opção de destaque é a de Visualizar informações dos formulários, com essa opção ativa você terá informações avançadas sobre os formulários em questão na página. Você também pode utilizar a opção Preencher campos do formulário para preencher os campos automaticamente, além de poder converter qualquer campo select em uma página em campo de texto.

Imagens

Você pode usar oções de desabilitar quaisquer imagens do site, relatório de imagens quebradas (urls de imagens não encontradas), além de visualizar informações sobre as imagens, onde você tem acesso a um relatório com todas as imagens utilizadas na página, inclusive as inseridas via CSS.

Informações

Nesse menu você terá informações sobre praticamente todos os elementos da página como: info sobre accesskey, nomes de ids e classes na página, ordem das divs na página, visualização de todo o JavaScript da página, cabeçalhos de resposta do servidor.

Outros

Possui opções interessante para auxiliar no desenvolviemnto como: Linhas guia, semelhantes a do Photoshop, Lente de aumento, Caixa auxiliar, que perimite que você insira uma grade na página. Possui uma opção para Exibição em telas pequenas, que simula seu site em dispositivos móveis.

Destacar

Essa opção é utilizada para destacar os elementos da página. Pode ser útil para você descobrir o por que de uma página não estar sendo exibida corretamente. O grande destaque dessa opção é o de Destacar elementos obsoletos, experimente abrir o Google e ativar essa opção.

Redimensionar

Possui a opção de você criar tamanhos personalizados para a tela do seu browser, bom para poder verificar como seu site se comportaria em diferentes resoluções.

Ferramentas

Proporciona opções desde validação do HTML até Acessibilidade. Opções de inspecionar o DOM, além de um console de erros que lhe mostra todos os erros ocorridos no JavaScript, HTML e CSS.

Código-Fonte

A partir desse menu você pode ver o código fonte da página, e o destaque é para a opção Visualizar código-fonte gerado, onde você vê também o código html que é gerado pelo JavaScript.

Menu Opções

Possui opções de configuração da Web Developer Toolbar.

Botões de Validação

Esses botões lhe mostram possíveis erros em sua página. O primeiro mostra se sua página está em modo Standard Compliance ou Quirks mode, o segundo erros de CSS e o terceiro possíveis erros de JavaScript.

Bonus

Abaixo vocês podem ver dois vídeos tutoriais sobre utilização da Web Developer Toolbar:

Infelizmente explicar aqui cada item da Web Developer Toolbar é impossível, isso daria um livro, mas tentei destacar aqui opções das quais acho interessante.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Firefox 3.5 é o Browser mais utilizado no Brasil
• Que venha o Internet Explorer 9
• What is a browser?
• Converta o Internet Explorer em Google Chrome
• Por que o IE6 não morre nas grandes empresas?

Aqueles que utilizam o Firebug a primeira vez com certeza não conseguem largá-lo mais, aliás, hoje em dia não existe mais desenvolvimento web sem o uso do Firebug. Caso você nunca tenho ouvido falar do Firebug, vou deixar aqui um vídeo criado por Kristarella mostrando os primeiros passos com Firebug na edição do CSS:

Via: CSSBlog.es

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• CSS3 Gradients & HTML5 Databases
• eCSStender: Assuma o controle do seu CSS
• Zen Coding: Como escrever HTML/CSS mais rápido
• Uma dose de inspiração
• xCSS Framework – Orientação a Objetos em CSS

Após a Corrida espacial, a corrida do momento é pelo desenvolvimento e implementação do HTML5. Empresas como Apple, Google, Opera e Mozilla já estão fazendo sua parte nessa corrida, contribuindo para a comunidade desenvolvedora, mas onde fica a Microsoft nessa história?

Todos sabem que a Microsoft tem uma filosofia de atraso em relação a implementação de padrões em seus browsers, mas essa filosofia parece estar querendo mudar agora com o HTML5 pois recentemente ela mostrou bastante interesse dando sugestões para o desenvolvimento do HTML5 através de um e-mail enviado por Adrian Bateman, desenvolvedor chefe do browser da Microsoft para uma lista de discussão do W3C. Transcrevo abaixo parte do que ele disse a lista:

Como parte do nosso planejamento para os trabalhos futuros, a equipe de desenvolvimento do Internet Explorer irá rever a epecificação do HTML5, com isso queremos partilhar nossas opiniões e discutir com esse grupo de trabalho.

Já era a tempo, pois o HTML5 não será só mais uma especificação HTML, essa especificação incluirá uma série de novidades em que a Microsoft, se quiser que seu browser sobreviva futuramente nesse mercado que se torna cada vez mais competitivo, terá que correr atrás do prejuízo.

O HTML5 hoje já é uma realidade, sim, você pode utilizá-lo, mas infelzimente para que ele seja suportado no Internet Explorer você deve utilizar de JavaScript para seu funcionamento. Será então que em sua futura versão, a 9, com a sua equipe de desenvolvimento mostrando essa preocupação em colaborar para o desenvolvimento do HTML, vamos ter aí uma Microsoft com um browser que fnalmente poderá ser chamado de browser?

Só o tempo dirá, mas espero que isso não ocorra no próximo século.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Webkit irá integrar armazenamento no cliente
• Webkit integra tags HTML5 para suporte multimídia
• CSS3 Borders & HTML5 Sections
• Novo CSS no Lanche
• Novos elementos HTML5: summary & figcaption

Se você ainda possui o IE6 no seu PC, ou roda uma máquina virtual só para poder testar os sites nele igual eu, acesse o Orkut e veja que boa notícia você irá receber.

Dica do Pedro Chaves

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Firefox 3.5 é o Browser mais utilizado no Brasil
• Que venha o Internet Explorer 9
• What is a browser?
• Converta o Internet Explorer em Google Chrome
• Por que o IE6 não morre nas grandes empresas?

Dorothy é um browser para Windows Mobile baseado no Webkit, o mesmo motor de renderização utilizado por browsers como Safari, Google Chrome, iPhone Palm Pre e Iris browser que promete renderizar as páginas até 3 vezes mais rápido que seu concorrente Opera Mobile.

A aplicação é projetada para dispositivos, com pelo menos telas WVGA e processadores de 400Mhz.

Veja abaixo um vídeo do aplicativo rodando em um HTC Diamond:

Para poder testar o browser basta se cadastrar no site e você receberá o link de download do aplicativo por e-mail.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Microsoft interessada em usar Webkit
• SPINNERET – O Webkit do Windows
• Webkit irá integrar armazenamento no cliente
• Webkit integra tags HTML5 para suporte multimídia
• Firefox 3.5 é o Browser mais utilizado no Brasil

Digg e os usuários de IE6

Para saber o por que dos usuários ainda utilizarem IE6, o Digg fez uma enquete em seu site, e a maior parte das respostas, cerca de 68% dos usuários de IE6 disse que eles não podem atualizar seu browser. O maior motivo é que ele é utilizado no trabalho e o usuário não possui privilégios o suficiente para atualizá-lo.

Mas a pesquisa também mostra que eles são usuários conscientes que lêem notícias, interagem, geram conteúdo.

Google e Youtube

O Youtube mostra simplesmente que deixará de desenvolver para o Internet Explorer 6 e pronto. Mas o que eles quiseram dizer com esse “deixar”? Será que amanhã os vídeos deixarão de funcionar no IE6? Seria interessante, mas por enquanto eles convidam os usuários a atualizarem seus browsers de forma pacífica.

E como anda a utilização dos browsers no Brasil? Veja abaixo as estatísticas que achei no site StatCounter:

E no Brasil, ninguém se levanta da cadeira para fazer alguma coisa? Existem maneiras simples de fazer isso.

Já conhece o meu outro blog? O endereço é o: CSS no Lanche

Você ainda não está me seguindo no Twitter, o que está esperando para fazer isso?

• Que venha o Internet Explorer 9
• A equação de suporte ao IE6 – Vale a pena ainda dar suporte?
• Propaganda Fail da Microsoft
• Internet Explorer 8 disponível via Windows Update
• Internet Explorer Collection