TidBits

A Net Aplications disponibiliza mensalmente relatórios com estatísticas (ou curiosidades) para todos nós, desenvolvedores ou até mesmo clientes.

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.

A Net Aplications disponibiliza mensalmente relatórios com estatísticas (ou curiosidades) para todos nós, desenvolvedores ou até mesmo clientes.

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.

Chamado de Fennec, o navegador foi lançado para concorrer entre os já consagrados browsers para mobile como Safari móvel, Opera e Skyfire. E está sendo testado sua versão alpha no Nokia N810. O Fennec, assim como o Firefox, utiliza o Gekko para renderizar HTML e suporta javascript, abas, favoritos, plugins e touch screen.

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:

O Yahoo! lançou na semana passada o smush it! uma ferramenta para auxiliar desenvolvedores a reduzir o peso das imagens, e assim otimizar o carregamento de seus sites, tornando-os mais leves. Não parece nada demais para programadores de interface que sabem (e precisam lidar com) o Photoshop, já que nele o comando “Save for the web” ou o querido CRTL + ALT + SHIFT + S, ajuda a escolher a versão mais reduzida da imagem.

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é?

Mais um comando básico pra quem usa ubiquity. Esse conta quantos caracteres tem um texto. Pode digitar um texto ou selecionar e usar o this do ubiquity. O Fabricio Teixeira do blog arquitetura de informação que pediu e não foi trabalho nenhum fazer.
=)

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.

Pra quem instalou o ubiquity, nesse post vou ensinar como se faz um plugin simples de busca num site (no caso nosso blog).

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.