Como o último post sobre a Microsoft foi muitíssimo polêmico, vou colocar um pouco mais de lenha na fogueira: apresento a vocês um plugin de Jquery para convencer os usuários a abandonarem o IE. Quem desenvolveu o plugin foi o pessoal do CSS Lab, o que justifica o nome “KillIE”, já que a esse navegador faz pior a vida de todos os htmlers e css’ers.
Indo um pouco na onda do que a Microsoft fez no Hotmail para o Chrome, o plugin exibe uma mensagem no alto da página, recomendando o uso de um outro navegador.
A versão original do plugin traz o texto “You’re using Internet Explorer 6, which is a terrible browser. Why don’t you try Firefox?”, mas você pode configurar outro texto, e se quer que ele apareça para o IE6 ou o IE7, e o navegador que deseja recomendar.
Utilizar o plugin, é ainda mais fácil do que falar mal do IE, basta invocar o Jquery e o plugin:
Mas agora, depois que você já aprendeu a instalar o plugin, um lembrete: (deixando um pouco meu lado “interfacer” (amador) de lado, e falando como defensora do usuário que preciso ser) esse tipo de medida é arbitrária, e desaconselhável na maioria das vezes. Obrigar o usuário a conviver com uma mensagem amarela horrorosa, falando que o navegador dele é “terrível”, é uma atitude tão ruim quanto as que a Microsoft costuma tomar. Na verdade, parte do nosso trabalho é fazer as coisas boas para todo mundo, mesmo pra quem usa o famigerado IE6 ;)
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.
Com o plugin cycle do jQuery é possível criar diversos tipos de slideshows, sem saber javascript, em 3 apenas minutos. Sem exagero algum, se dúvida disso, leia o post todo, depois deixe um miojo na água fervendo enquanto faz o slideshow e se queimar pode me mandar um email me xingando.
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: "[email protected]"},
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.