Extend Firefox 3 Contest

Na semana passada foram anunciados os vencedores do "Extend Firefox 3 Contest" – o concurso criado pela Mozilla Labs para premiar as melhores extensões do Firefox 3.
Dentre os mais de 100 cadastros de extensões feitas, segue a lista dos vencedores, dividos em categorias

 

Melhores complementos

  • Pencil: uma GUI (graphic user interface, ou interface gráfica do usuário) para criar diagramas e gráficos. Utiliza o suporte do Firefox para SVG
  • Tagmarks: possibilita o usuário adicionar tags aos quick bookmarks (que são aqueles endereços que ficam gravados na barra de endereços, no histórico)
  • Handy Tag: retorna uma lista de tags relevantes para os seus endereços do bookmarks (pega essas tags pelas meta-tags definidas no html da página, del.icio.us e outras fontes)

 

Melhores complementos para atualizações

  • Read it Later: possibilita que páginas sejam salvas para uma leitura posterior. Inclui geração de RSS entre outras funcionalidades
  • TagSiffer: o Firefox dá a possibilidade de você tagear seus bookmarks, mas não tem uma forma fácil de navegar por eles. Com o TagSiffer, através de uma barra lateral ou pelo menu, o usuário tem uma forma fácil de navegar pelas tags
  • Bookmark Previews: o nome da extensão diz tudo; o usuário pode fazer preview das páginas que estão no seu bookmark de uma forma fácil e intuitiva

 

Melhor complemento para música

  • Fire.fm: dá acesso direto às bibliotecas do Last.fm (ouvir músicas de artistas parecidos com outro, ver o que seus amigos estão ouvindo, e muito mais)

 

Veja no blog do Mozilla Labs mais informações, detalhadas, a respeito do concurso e dos vencedores.

Protegendo seu e-mail de spammers

Infelizmente muita gente acha que pós venda ou e-mail marketing é simplesmente sair enviando e-mails adoidado para qualquer um que apareça na frente. Isso é spam. Aqui tem algumas dicas sobre como fazer um e-mail markerting eficiente, hoje escrevo para uma dica de como evitar que seu e-mail caia nos bancos de dados de spammers…

Para montar um banco de dados com e-mails os spammers utilizam bots que navegam livremente pela internet, coletando todos os e-mails que  eles conseguem "ler" nas páginas, então quando você coloca seu e-mail em um texto ou um link de mailto ele terá chances (enormes) de parar em algum CD vendido na Santa Efigênia com 2 milhões de e-mails.

 

Como você pode ajudar combater o SPAM?

Aqui vão duas técnicas que não levam tempo nenhum e vão ajudar a reduzir o spam – para você e para todo mundo. Se a maioria dos usuários fizesse isso…

 

Mas você quer facilitar a vida do usuário, divulgar seu e-mail e deixar seu cliente a um clique de escrever um e-mail, certo? O pinceladas da web divulgou uma excelente solução em JQuery (do kevinleary) que pega seu e-mail "camuflado" e torna ele um link quando o usuário acessa a página.

Facilita a vida dos usuários do seu site sem deixar seu e-mail ser lido por bots – a não ser que elex executem o javascript antes de ler a página, claro.

Como proteger o e-mail de spammers?

Antes você precisa ter o JQuery "instalado" no seu site, se você ainda não tem recomendo ler o post do Chris sobre a Google AJAX Libraries API que mantém seu site com sua biblioteca favorita sempre atualizada e sem ter que hospedar arquivo nenhum.

Com o Jquery configurado no site, vamos ao código que faz a mágica acontecer: 

$(document).ready(function(){
	$("a[rel=´email´]").each(function(){
		// Modifica o valor de mailto:
		var mailtoVal = $(this).attr(´href´);
		mailtoVal = mailtoVal.replace("[email]","mailto:");
		mailtoVal = mailtoVal.replace("[at]","@");
		mailtoVal = mailtoVal.replace("[dot]",".");
		// Gera automaticamente a tag title para os usuários
		var mailtoTitle = mailtoVal.replace("mailto:","Email: ");
		$(this).attr(´title´,mailtoTitle);
		// Evento onClick
		$(this).click(function(){
			window.location.href = mailtoHref;
			return false;
		});
	});
});

E para colocar o link protegido é simples, seu e-mail deve ficar assim:

Contato

Simples e eficiente! 😉

Ajaxload – imagens para preload

Quer colocar uma imagem no seu site enquanto você faz algo – espera uma imagem carregar, ou aguarda o retorno de uma função ajax?
Entre em http://www.ajaxload.info/ e gere a imagem que você quiser, no formato gif.

Dá para customizar o tipo (quase 40 formatos), cor e cor de fundo (pode ser transparente).

Site já antigo, mas vale a referência 🙂

Silverlight X Flex

Estava lendo algumas coisas na web sobre o futuro do flash, e na maioria dos textos me deparei ou com o Flex ou o Silverlight.
Flex é a tecnologia que a Macromedia desenvolveu como continuação para o flash quando voltada a RIAs (rich interface applications): tem uma SDK poderosa, dando a possibilidade do desenvolvedor trabalhar em cima de uma interface gráfica ou escrever uma espécie de XML (chamada de MXLM) que será interpretado. O uso de webservices e a possibilidade de integração com frameworks voltados para ajax é o grande salto desde o tempo do flash.
Silverlight é uma tecnologia que a Microsoft criou e que compete diretamente com o Silverlight (criação de RIAs): também tem uma interface visual ou pode ser desenvolvido sobre XML (XAML), tem todo o poder da Microsoft por trás (nem tanto em tecnologia, mais em poder de penetração) e integração com o (framework) .Net.

Segue abaixo uma tabela comparativa entre as duas tecnologias

 

Pontos em comum

  • Aplicações multi-plataforma: suporte para Windows, Mac e Linux
  • Linguagem XML para definir a interface
  • Integração com vídeo
  • Linguagem orientada para objectos
  • Acesso facilitado a serviços web XML
  • Suporte directo com JAVA e AJAX

Vantagens Flex

  • Ferramentas dedicadas ao design
  • Facilidade no desenvolvimento do Design
  • Forte integração com restantes ferramentas da Adobe
  • Tecnologias de suporte já implementadas na maioria dos sistemas
  • Existência de uma vasta colecção de plug-ins gratuitos para a plataforma
  • Suporte directo com JAVA e AJAX
  • Frameworks dedicadas para aplicações standalone (AIR)
  • Comunicação directa com todo o tipo de tecnologias server-side

Vantagens Silverlight

  • Suporte para Visual Basic e C#
  • Facilidade de integração com ASP.NET

Desvantagens Flex

  • Suporte apenas para ActionScript 3.0
  • Algumas limitações de programação (falta de suporte para VB, C++, Python)

Desvantagens Silverlight

  • Incompatível com versões antigas do Windows, como o Windows 2000 e 98.
  • Necessidade de software específico para suporte.
  • Fraca penetração no mercado a curto prazo
  • Tecnologia recente, logo ainda pouco desenvolvida

Fonte: http://geoxplorer.files.wordpress.com/2008/03/flex_vs_silverlight.pdf

 

Como um escritor de HTML/CSS que sou, pouco conheço de flash e suas evoluções.
Mas, sem querer fazer um julgamento, a Microsoft vai ter que ralar muito para se dar bem com o Silverlight: o Flex pega diretamente toda a base de desenvolvedor Flash já existentes no mercado (de 10 anos, mais ou menos) além de não requisitar um plug-in diferente para o browser (o mesmo player do flash funciona para o Flex). Sem contar que o Flex, agora, é uma tecnologia aberta, onde os usuários podem contribuir, enquanto (até onde encontrei referências) o Silverlight é mais uma tecnologia fechada da Microsoft.
Ou seja, "Não é a primeira vez que a Microsoft desenvolve algo novo que acaba caindo no esquecimento e saindo de linha, como tantas outras coisas que eles desenvolveram." (como diriam os Garotos da Web)