No post de hoje vou falar sobre duas coisas que me ajudam muito na minha profissão, Firefox e Javascript.

Ontem ví uma notícia, que a versão 3.5 Beta 4 do Firefox (que está demorando um tantão pra ser lançada), tem um algoritmo que executa Javascript 19% mais rápido do que a versão Beta 3, esta que também já é mais rápida que a versão atual do Firefox. Isso é bom pra quem é programador de interface, e principalmente pro usuário.

Comecei a usar o Firefox em meados de 2005, achei legal porque “tinha abas”. Na época eu era programador back end, e como a maioria, pouco me importava se meus sites rodavam em outro browser ou não. De lá pra cá eu, as empresas, as agências, os clientes, os navegadores, os sites e até os usuários mudaram. Hoje temos (todos nós) o conceito de webstandards muito forte, e hoje os próprios usuários também são mais exigentes… normalmente temos diversas opções pra qualquer tipo de serviço web, então se um site não funcionou no navegador do usuário, ele não muda de navegador, muda de site… procura por outro serviço que faz a mesma coisa, é claro que não serve pra tudo (como sites de bancos, malditos).

Comecei a programar em Javascript pois detestava sites em flash, e comecei a ver que em algumas aplicações simples, dava pra fazer o mesmo efeito em Javascript.

E depois, quando “descobri” o firebug, ficou tudo mais fácil.

Mais uma vez o Firefox contribui diretamente e incentiva o uso de Firefox pra desenvolvimento de interação.

Além do mais, até nas extensões do Firefox (como GreaseMonkey e Ubiquity) é possível fazer coisas muito interessantes usando somente javascript.

Enfim, usem firefox… =)

[]s

Os relatórios são muitos, sempre em participação, sendo assim. Qual a participação de cada navegador, de cada sistema operacional, cada buscador, resoluções de tela, etc.

Nesse mês o grande destaque foi que o Firefox 3 superou, em participação de mercado o IE6.

Confira os gráficos referente a fevereiro de 2009:

Navegadores

De janeiro pra cá, pouco mudou, mas o que mudou foi o mesmo de sempre, IE cai, Firefox e Safari sobe, e o chrome prova que foi um boom mesmo e cai novamente.

Compare com janeiro de 2009.

Navegadores por versão

De janeiro pra cá, o IE7 se manteve estável, mas a grande mudança foi a superação do Firefox 3 em relação ao IE6, uma ótima notícia para nós, desenvolvedores.

Compare com janeiro de 2009.

Sistemas Operacionais

De janeiro pra cá, contrariando os últimos meses de época de fim de ano e natal, em fevereiro a participação de mercado do windows sobe enquanto Mac cai.

Compare com janeiro de 2009.

Buscadores

De janeiro pra cá, nenhuma mudança grande, Google subiu um pouco assim como MSN e o Live Search.

Compare com janeiro de 2009.

Resoluções de Tela

De janeiro pra cá, as resoluções que mais cresceram foram as do monitores wide: 1680×1050 e 1440×900.

Compare com janeiro de 2009.

Todos os dados são referentes ao último mês (Fevereiro de 2009). Veja os Market Shares antigo para comparar as diferenças com o último mês.

• Janeiro de 2009
• Dezembro de 2008
• Novembro de 2008

Os relatórios são muitos, sempre em participação, sendo assim. Qual a participação de cada navegador, de cada sistema operacional, cada buscador, resoluções de tela, etc.

Seguindo a tendência, Internet Explorer, Windows e o buscador MSN vem perdendo participação do mercado.

Confira os gráficos referente a janeiro de 2009:

Navegadores

Enquanto a participação do Internet Explorer cai, todos os outros navegadores tiveram pequenas altas.

Compare com dezembro de 2008.

Navegadores por versão

Internet Explorer 6 pela primeira vez desde 2002 fica abaixo de 20%, será que até o final do ano chega abaixo dos 10%? Espero que sim.

Compare com dezembro de 2008.

Sistemas Operacionais

Destaque para o Mac que vem crescendo bastante e logo mais deve chegar a 10% do mercado. Enquanto Iphone sobe e linux cai, será que eles ainda trocam de posição?

Compare com dezembro de 2008.

Buscadores

Pouco se mudou do mês passado pra cá, o Google teve uma pequena alta, Yahoo uma pequena baixa enquanto os demais buscadores ficaram praticamente estáveis.

Compare com dezembro de 2008.

Resoluções de Tela

Depois do natal, as resoluções consideradas alta, tiveram uma pequena alta, enquanto o 800×600 vai morrendo lentamente. Já é hora de parar de fazer layouts para essa resolução (tipo o tidbits hahaha)?

Compare com dezembro de 2008.

Todos os dados são referentes ao último mês (Janeiro de 2009). Veja os Market Shares antigo para comparar as diferenças com o último mês.

• Dezembro de 2008
• Novembro de 2008

O Fennec, um Firefox para celulares deve estrear em fevereiro desse ano. A primeira versão deve chegar, primeiro, nos HTC Touch Pro.

O demorado IE8 que parece que nunca vai ser estreado. Nós, os programadores de interface esperamos que enfim a Microsoft, que pode ter que retirar o Internet Explorer do windows, lance um browser que suporta os padrões web e quem sabe, o IE6 é aposentado de vez? Mas a notícia que nós recebemos é desanimadora.

Uma semana depois da Microsoft disponibilizar o Release Candidate do Internet Explorer 8 um teste da Computerworld EUA afirma que o IE8 tem o pior desempenho de Javascript entre os novos browsers, um pesquisador diz que o recurso de privacidade do IE8 não é nada privativo na sua versão beta, além das famosas falhas de segurança da microsoft que disponibiliza atualizações toda semana para corrigí-las.

E por final, aproveitando o novo mercado de browsers para celulares, o Opera Mini finalmente é lançado para Android , apesar de já ter sido beta a muito tempo.

Os relatórios são muitos, sempre em participação, sendo assim. Qual a participação de cada navegador, de cada sistema operacional, cada buscador, resoluções de tela, etc.

Confira os gráficos referente a dezembro de 2008:

Navegadores

Seguindo a tendência dos últimos meses, firefox e safari diminuem a participação do Internet Explorer.
Compare com o mês de novembro.

Navegadores por versão

Internet Explorer 6, mais uma vez, cai mais de 1%, em questão de 1 ou 2 meses ele deve ser ultrapassado pelo firefox 3.
Compare com o mês de novembro.

Sistemas Operacionais

Windows cai 1% enquanto Mac fica próximo de atingir uma a cada 10 usuários de internet no mundo.
Compare com o mês de novembro.

Buscadores

A batalha dos buscadores é a mais estável, pouco se mudou em um mês, mesmo assim, mais uma vez o Google sobe enquanto seus concorrentes tem menos acesso.
Compare com o mês de novembro.

Resoluções de Tela

Pouco se mudou também. O uso dos monitores wide vem crescendo, talvez em janeiro (pós presentes de natal) teremos alguma mudança menos sutil.
Compare com o mês de novembro.

Todos os dados são referentes ao último mês (Dezembro de 2008). Veja os dados de Novembro de 2008 para comparar as diferenças com o último mês.

Os relatórios são muitos, sempre em participação, sendo assim. Qual a participação de cada navegador, de cada sistema operacional, cada buscador, resoluções de tela, etc.

Confira os gráficos referente a novembro de 2008:

Navegadores

Seguindo o exemplo do mês passado, Firefox sobe e ultrapassa a barreira dos 20%, safari sobe pra mais de 7% e o Internet Explorer cai 1,5%.
Compare com o mês de outubro.

Navegadores por versão

Internet Explorer 6 cai praticamente mais 2% nesse mês. Podia continuar assim pra podermos eliminar ele logo.
Compare com o mês de outubro.

Sistemas Operacionais

Com os preços mais populares, Mac conquista mais meio porcento do mercado. Enquanto o uso do Windows tem maior queda entre internautas em dois anos.
Compare com o mês de outubro.

Buscadores

Google aumentando a sua hegemonia pelo mundo enquanto AOL, Live Search e MSN mais uma vez terminam o mês em queda.
Compare com o mês de outubro.

Resoluções de Tela

Resolução de 1024 começa a cair, e resoluções maiores estão subindo. Logo logo teremos sites com layout de 1280.
Compare com o mês de outubro.

Todos os dados são referentes ao último mês (Novembro de 2008). Veja os dados de Outubro de 2008 e de Setembro de 2008 para comparar as diferenças no último mês.

Fiz testes nele com ajax, css e trabalhou muito bem, carregou até uma lightbox. Só o flash que não. Mas segundo a mozilla, ele deverá trabalhar com esses tipos de tecnologia no futuro. Apesar disso, tudo, a participação dele não deverá ser muito alta, já que o Firefox móvel não poderá ser usado no iPhone, porque a Apple não permite a desenvolvedores colocarem navegadores em sua App Store. E a Mozilla diz que não está trabalhando em versão para aparelhos com Android.

Você pode testar o seu site na versão para que a mozilla disponibilizou pra download pra windows.

Testamos o TidBits, e o resultado foi legal:

Mas a vantagem do smush it!, é que segundo seus desenvolvedores, apesar de já exisitirem vários editores que otimizam o tamanho do arquivo da imagem, ainda ficam uma tonelada de dados extras (e inúteis) no arquivo. Por exemplo, informação sobre a data de edição ou criação do arquivo, o nome do editor utilizado, etc. – que são os dados que o smush it! vai remover.

Nessa aplicação web, as imagens, enviadas através de uma url ou por upload, são otimizadas e disponibilizadas para o download novamente. Uma grande sacada é que se pode enviar várias imagens de uma vez, e depois baixá-las com um arquivo único zipado.

Quando a foto é otimizada, aparecem os percentuais de redução. Nos testes que fiz, variaram de 2% a 48% de acordo com a imagem. Mesmo para os valores mais baixos, parece compensar passar as imagens pelo Smuthit, considerando que pra sites grandes, diminuir qualquer 2% do peso de cada imagem, já é um grande otimizador de performance. É legal comentar que em todos os testes que fiz, não houve perda da qualidade da imagem.

O smush it! também tem uma extensão de Firefox, que cria um ícone na barra de status do navegador. Quando se está em um site, basta clicar com sobre o ícone, e ele irá abrir o smush it em uma nova aba, carregando todas as imagens da página, sendo “smushadas” e com o link para o download do .zip. Mais fácil que isso não tem né? ;)

O resultado foi esse:

Para adicionar o commando, considerando que já tenha o ubiquity instalado, é claro, é só clicar no botão “Subscribe” a direita dessa barrinha que apareceu no canto superior do seu firefox :

Em seguida é só confirmar na tela abaixo:

E pronto, reinicie o firefox, aperte ctrl + espaço e digite chars para chamar a função.

E na verdade é bem simples. Abra o ubiquity e digite command-editor.

Copie e colo o código lá. O código todo é esse:

CmdUtils.CreateCommand({
  name: "tidbits",
  author: {name: "Danilo Augusto", email: "contato@daniloaugusto.com.br"},
  description: "Buscar no tidbits.com.br",
  homepage: "http://www.tidbits.com.br/",
  takes: {"Digite o que deseja procurar no www.tidbits.com.br": noun_arb_text},
  preview: function(pblock, q) {
    pblock.style.backgroundColor = '#ff0';
    pblock.style.color = '#000';
    if(q.text==''){
      pblock.innerHTML = 'Digite o que deseja procurar no www.tidbits.com.br';
	} else {
      pblock.innerHTML = 'Procurar por "'+q.text+'" no www.tidbits.com.br';
    }
  },
  execute: function (q) {
    var url = "http://www.tidbits.com.br/?s=" + q.text;
    Utils.openUrlInBrowser (url);
  }
});

Explicando linha a linha :

1 – Cria o comendo
2 – nome do comando (o que vc vai digitar no ubiquity para chamar a função que você está criando).
3, 4 e 5 – Descrição.
6 – O que aparece no ubiquity explicando como o usuário deve usar o comando.
7 a 15 – Abre o preview. O preview é a caixa roxa do ubiquity (nesse caso amarela) onde é escrito algum comentário. Para alterar ele é simples, funciona como um objeto DOM para o javascript ( pblock ), nele vc pode colocar dhtml comum como
pblock.innerHTML = ‘teste’;
pblock.style.minHeight = ’400px’
ou como fiz no exemplo :
pblock.style.backgroundColor = ‘#ff0′;
pblock.style.color = ‘#000′;

e o “q” é o objeto que guarda o valor que o usuário digitou (usando q.text).

16 – abre o bloco de execução do comando (o que vai fazer quando o usuário apertar enter).
17 – declarei uma váriavel dizendo a url que desejo abrir.
18 – abre uma url.
19 – encerra bloco de execução.
20 – encerra o comando.

Para exportar o comando para seu site é simples, coloque o código dentro de um arquivo .js

e dentro do head do seu site coloque o seguinte comando:

<link rel="commands" href="ubiquity.js" name="Busca no meu site" />

Fazendo assim, para adicionar o commando, considerando que já tenha o ubiquity instalado, é claro, é só clicar no botão “Subscribe” a direita dessa barrinha que apareceu no canto superior do seu firefox :

Em seguida é só confirmar na tela abaixo:

Pronto, reinicie o firefox, aperte ctrl + espaço e digite tidbits (o nome do comando ) para chamar a função.

Além desse, eu já tinha feito anteriormente um comando pra gerar Lorem Ipsum.

Mais documentação sobre como criar comandos para o ubiquity pode ser encontrada aqui.