Sep 26

Convencendo os usuários a esquecer o IE



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.

Exemplo do KillIE em funcionamento no IE6

Utilizar o plugin, é ainda mais fácil do que falar mal do IE, basta invocar o Jquery e o plugin:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.killIE.js" type="text/javascript"></script>

Baixe aqui o Jquery e o KillIE

Depois, invoque o código do KillIE:

$(document).ready(function(){
$().killIE();
});

Para ver funcionando, entre aqui com o IE6.

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 ;)

Boa sexta-feira pra todo mundo!

Sep 25

Contador de caracteres para Firefox Ubiquity

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:

contador de caracteres para firefox ubiquity

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.

Sep 24

Resumo do Google Search Masters 2008

Acabei de voltar do evento, vou tentar postar aqui o que achei de melhor do Google Search Masters.

google search masters

O evento tinha umas 1200 pessoas, de diversos lugares (conheci até um fulano de Teresina).
As palestras foram muito boas, aprendi bastante pra um dia. Vou citar 4 tópicos que achei bem interessante.

Google Search Appliance ou Google Enterprise
Em todas as empresas (pelo menos as em que trabalhei), achar qualquer informação é um processo bem dificil. O Google Search Appliance funciona com crawlers que lêem informações e diretórios de arquivos em um ambiente corporativo e tornam possível uma busca igual ao do Google.

google search appliance

Isso merece até um post só pra essa ferramenta. Faço em breve, prometo.

Futuro da busca
Questões como busca semânticas foram levantadas, mas o que mais me chamou atenção, é o que já está sendo produzido.
Reconhecimento de face já está sendo aplicado no Picasa, e em breve será possível mandar selecionar uma foto da Belinha por exemplo
e mandar procurar por outras fotos que aparece ela no meio de um álbum. Outro ponto legal foi o Google Áudio.
Um algoritmo eficiente que interpreta áudio (em inglês) e torna disponível busca por termos encontrados em áudio / vídeo.
Entrem no google áudio e façam uma pesquisa de algum termo ou palavra em inglês para testar (no evento, usaram “Brazil”).

Google Custom Engine
É uma busca do Google dentro do seu site. Ao invés de se preocupar com palavras chaves, termos de busca, busca pelo conteúdo, etc.
Pode valer a pena usar o GCE (Google Custom Engine). Além da praticidade, é possível colocar links patrocinados nos resultados das buscas, o que se torna uma alternativa interessante para monetização de blogs.

Usuários do GTalk que funcionam como tradutores online.
Acreditem, foi o que mais gostei, algo bem simples:
adicionem pt2en@bot.talk.google.com e Diga “Olá, como vai você?” e o bot te responde na hora em inglês.

Tradutores online do gtalk

O processo contrário é feito pelo bot en2pt@bot.talk.google.com . Outros 46 bots desses que traduzem diversas linguas.

Além desses tópicos, falaram bastante de ferramentas para webmasters (como analisar robots.txt, a importância do sitemap), falaram sobre o Knol (que basicamente é uma Wikipedia do Google) entre outras coisas.

PS:Os organizadores informaram que as palestras do evento serão disponibilizadas no Youtube, que eu recomendo para quem não foi.

Sep 23

MoreCSS – Novo Framework de Efeitos em Javascipt

Esse pequeno framework tem uma característica muito interessante, ele incorpora novas funcionalidades no CSS.

morecss - Exemplo com popUp

Entre suas principais vantanges, estão:

* Não é necessário aprender sintaxe já que utiliza a mesma sintaxe de CSS.
* Não é necessário habilidades com programação.
* É leve, tem apenas 6kbs e não depende de nenhum outro framework (como jQuery ou prototype).
* Cross-broser (compatível com IE6+, Firefox 2+, Opera 9+, Safari 2+ entre outros).
* CSS validado pela w3c.

Entre as 25 opções disponíveis estão: opacity, tooltip, popup, marquee (sim, ele mesmo), fadeOut / fadeIn, Roll In / Roll Out, hyphenation e preload-image.

Como instalar

Coloque dentro da sua taghead.

	<script type="text/javascript" src="MoreCSS.js"></script>
	<link rel="morecss" href="MoreCSS.css" />
	<!-- detalhe no rel="morecss" !-->

E dentro do MoreCSS.css você coloca os “comandos do plugin”.
O download do arquivo MoreCSS.js pode ser feito aqui.

Veja os exemplos na página do plugin. A documentação e todos os exemplos podem ser vistos aqui .

No meu próximo post eu ensino a fazer um Tooltip com o MoreCss.