Animação de miniaturas com jQuery

Usei essa dica [Fancy Thumbnail Hover Effect w/ jQuery] para animar os thumbnails aqui do site com jQuery. Compensa mais que Flash (e seu futuro incerto).

Surgiram uns probleminhas, mas deu pra resolver:

  • um conflito com uma versão mais antiga do jQuery — que já era usado — impedia o carregamento do script. Tive que desativá-la. Então… o componente que precisava dessa versão antiga parou de funcionar. Tive que ir examinando combinação por combinação até achar um denominador comum que atendesse a todo mundo
  • a animação funcionou bem com Firefox, IE8 e IE7. Mas com webkit (Chrome e Safari), o retorno ao tamanho pequeno começava de um ponto diferente, criando um engasgo feio. Isso foi difícil de entender, mas depois de fritar um pouco os miolos vi que dava pra contornar o problema removendo o position:absolute nos li(s) e redefinindo os valores de posicionamento, agora em modo “relative”

O blog citado tem outras dicas bem legais também de animação com jQuery.

Tags: , , , , | Comente

Friend Connect no Drupal

Dando uma mergulhada no Drupal nos últimos dias descobri dois módulos bem legais.

Friend Connect

O primeiro achei revolucionário. É o Friendconnect, que permite o cadastro e login de usuários usando o Google Friend Connect. Continue lendo »

Tags: , , , , , | Comente

Migrando URLs do Blogger para Wordpress

Um dos problemas de mudar o sistema de um site é como manter as URLs intactas, para que os endereços de todas as páginas indexadas no Google ainda levem para o lugar certo.

Me deparei com essa questão migrando um blog (samsara.blog.br) do Blogger para Wordpress (com hospedagem própria). Como já era domínio próprio, não foi tão complexo:
Continue lendo »

Tags: , , | 3 Comentários

Fim do spam no Wordpress

Spam automaticamente para onde deve ir: no lixo

Uma ótima opção para acabar com comentários-spam no Wordpress é o plugin WP-Hashcash.

Fazia tempo que queria testar isso, ao notar que esse é o plugin usado em instalações-padrão do Wordpress na Dreamhost.

Funciona — e é incrível como não ter que ficar lidando com spam aumenta a qualidade de vida!

Tags: , , , | Comente

Infográfico no Google Earth

Camada extra do Google Earth mostra como ficaria o planeta pós-aquecimento

Camada extra do Google Earth mostra como ficaria o planeta pós-aquecimento

Já tem um tempo que alguns sites de notícias começaram a disponibilizar infográficos no formato .kmz do Google Earth.

Não pegou muito talvez por depender do programa Google Earth instalado no computador. E pela dificuldade técnica de produção também, imagino — já que nem todo mundo se anima prontamente para estudar e aprender um novo formato.

Mas achei esse exemplo recente da New Scientist bem legal:

Explore the 4 °C world in Google Earth

O arquivo .kmz tá dentro da reportagem No rainforest, no monsoon: get ready for a warmer world.

Casa perfeitamente com a New Scientist, cujos leitores — mais “nerds” — ou já terão o Earth instalado ou sabem bem do que se trata.

Tags: , | Comente

Desenvolvedores podem reduzir emissões

bad-300-250A intenção do título não é fazer piada com peidos ou arrotos não.

Vi esse post do Nettuts

Top 20 Ways for Web Developers to Reduce Their Carbon Footprint

e vou linká-lo para o Blog Action Day de hoje, sobre mudanças climáticas.

Aproveitando, os posts de meus outros blogs:

Samsara | Não prejudicar os seres da Terra

Enteógenos | Abraçador de árvore

Tags: , | Comente

CSS só para Internet Explorer

Quem usa instruções CSS específicas para o Internet Explorer já deve ter reparado uma coisa: o IE 8 não reconhece mais o *. Por exemplo:

*overflow: hidden;

Com o asterisco, a linha é executada apenas pelo Internet Explorer. Outros navegadores ignoram. Mas só até a versão 7 do IE. E agora?

Dá pra usar uma gambiarra feia, mas que funciona:

overflow: hidden\9;

Esse “\9″ antes do ponto-e-vírgula faz com que a linha seja interpretada apenas pelo IE, qualquer versão.

Tags: , , , | 3 Comentários

Drupal com MAMP

Apache, MySQL, PHP estilo Mac

Apache, MySQL, PHP estilo Mac

Nos útltimos anos me tornei agnóstico no que se refere a sistemas operacionais. Gosto um pouco até da Microsoft! O Windows 7.

Em casa, preferia Ubuntu Linux. Mas usava Mac no trabalho. E por sempre precisar encarar um Windows também, acabei aprendendo umas manhas que o tornam bem usável até.

Melhor assim. Apego = sofrimento.

Mas trabalhar com o MAMP, no Mac, não deixa de ser uma brisa! A gente arrasta a pastinha para Aplicativos e pronto, impressionante! Apache, PHP, MySQL, configurações… tudo ali. Sem nem uma encostadinha no Apache do sistema.

Mas cadê a emoção? Tem também! Na primeira vez, o MAMP pode provocar uns bons desconfortos. Principalmente se combinado com o Drupal.

Vou deixar registrado aqui umas dicas pra quem precisar (como eu mesmo no futuro). Continue lendo »

Tags: , , , , , , , , , , | 1 Comentário

Google Talk não conecta

Autenticação com captcha exigida para acessar conta pode impedir acesso ao Google Talk

Autenticação com captcha pode impedir acesso de programas ao Google Talk (imagem: reprodução)

O Google fez recentemente alguma alteração no Google Talk. O efeito colateral é que alguns programas clientes não conseguem conectar. Estava passando por isso há mais de um mês com o Pidgin, tanto em Linux quanto Windows.

Agora vi que no Adium, em Mac, a conexão também zoa. Pelo que percebi, recentemente, acontece quando a mesma conta é acessada de computadores diferentes

Para resolver é preciso desbloquear o acesso à conta Google passando por um captcha. Vale a pena guardar esse link, pois o re-bloqueio é frequente.

Tags: , , , | Comente

Wordpress em servidor local

Usar uma instalação local AMP (Apache, Mysql e PHP) ajuda bastante na hora de desenvolver com algum CMS baseado nessas tecnologias. Por exemplo, o Wordpress.

Como tudo fica no nosso computador, o processo agiliza bastante:

  • As mudanças no site são instantâneas
  • Não há necessidade de ficar subindo cada arquivo editado, basta um refresh no navegador

Em Linux e Mac, nunca tive dificuldade para instalar e configurar. Ultimamente, usando Windows 7, foi uma boa surpresa descobrir que é tão fácil quanto (com o WampServer).

Continue lendo »

Tags: , , , , , , | Comente