Para o básico em relação à linguagem Ruby, o que achei melhor foi “Learn To Program”: dá para matar em duas sentadas, é objetivo e bem prático, com exercícios. Há uma versão em português online aqui: Aprenda a programar (não li essa tradução).

Os disponíveis online, que comecei e larguei foram:

• “Programming Ruby” – muito extenso e minucioso, além de ser voltado para programadores mais avançados. No entanto, guardei como “A Referência” a ser consultada em dúvidas futuras
• “Mr. Neighborly’s Humble Little Ruby Book” – fiquei meio incerto sobre o rumo do livro, com a impressão de que coisas importantes estavam passando batidas
• “why’s (poignant) Guide to Ruby” – realmente é uma obra-prima da literatura de informática. Mas eu estava mais interessado em pegar logo o básico do que em humor surreal

Já para Rails propriamente dito, o que achei melhor foi “Foundation Rails”, por se dirigir mais a programadores iniciantes.

Um que comecei e larguei foi o clássico “Agile Web Development with Rails”, por se dirigir a programadores mais avançados. Mas é um que já deixei na fila, por abordar o passo-a-passo de um projeto mais complexo.

Django

Em relação ao framework Django, que é o rival Python do Rails, realmente Rails perde em termos de documentação online. Na época que comecei no Django, não precisei de nada além da documentação oficial.

Em Rails, a documentação oficial só serve para o pontapé inicial e para referência futura sobre a API.

Uma coisa que decepciona também é que os tutoriais online deixam um pouco a desejar. Sendo fundamental algum livro comercial.

CSS do TinyMCE

A primeira é fundamental para quem usa o módulo Image Assist, que torna fácil a inserção de imagens no editor. O problema é que ao deixar uma imagem flutuando na direita ou esquerda, o editor (no caso o TinyMCE) não exibe o HTML corretamente, fazendo uma bagunça horrível na tela.

Claro que é muito mais preciso escrever tudo em HTML direto. Mas e quem não sabe HTML? Por exemplo, clientes. Para isso, o Image Assist e um editor Wysiwyg são fundamentais. Para funcionar é o seguinte:

• primeiro, é preciso fazer o TinyMCE ler um arquivo CSS customizado. Essa dica [Drupal: How to increase the default font size in TinyMCE] funciona bem. Vale a pena também aumentar o tamanho das fontes, que por default são minúsculas
• depois, para fazer o TinyMCE exibir os “img floats” é só copiar os estilos do arquivo img_assist.css (na pasta do módulo)  para esse CSS customizado
• se quiser alterar o tamanho padrão do editor, o mais fácil é definir a altura e largura para “body.section-node-edit textarea#edit-body.form-textarea” direto no CSS do tema

Pronto, agora o TinyMCE do Drupal funciona melhor que o do Wordpress! Mas isso depende desse tipo de customização.

Legendas para imagens do CCK

Essa aqui também era tudo que eu precisava! Talvez outras pessoas tenham o mesmo problema:

Um campo customizado do tipo imagem, criado com o CCK, tem a desvantagem de não ter legendas. Mas esse tipo de campo é imprescindível para podermos listar imagens em views (por exemplo, para mostrar automaticamente imagens em chamadas), coisa muito mais difícil de fazer com o Image Assist.

Simplesmente escrever a legenda embaixo da imagem não funciona, pois ela “vai para o saco” em uma simples paginação ou outros casos.

Como então fazer a legenda? Dá para criar um arquivo de template que pega a informação de alguma tag interna da imagem (title, alt ou description) e exibe isso como legenda. Bingo!

A dica que usei e funciona é essa aqui: Printing the Description (or Title) Below the Image.

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.

Friend Connect

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

Por exemplo, para comentar basta se autenticar usando sua conta no Google, Twitter — e outros sites membros do Friend Connect — e pronto. Se já estiver logado, não precisa nem digitar a senha!

E não é só para comentários, sites Drupal em que usuários registrados contribuem com conteúdo podem aproveitar esse recurso para o cadastro de novos usuários. Todos saem ganhando, principalmente o usuário, que não precisa ficar digitando seus dados.

Nice Menus

O segundo é uma implementação do módulo Nice Menus com essa dica: Nice Primary Menus. O objetivo é fazer itens secundários de menus surgirem quando o mouse passa, nesse caso usando o template Zen.

Quem está acostumado com Wordpress, em que essa é uma função já embutida nos temas (com Suckerfish, por exemplo), acaba ficando frustrado com a ausência desse recurso.

Mas basta instalar o módulo Nice Menus e atualizar os templates.

Exemplos dessas duas implementações estão em enteogenos.org.

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!

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

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.

Biblioteca de elementos, master pages e estilos agilizam criação de wireframes no InDesign (reprodução/emer77)

Que ferramenta usar para criar wireframes? Eu usava Illustrator, meio insatisfeito, já testando outras coisas como Visio e ferramentas online como o Jumpchart.

Aí me deparei com esse PDF: Wireframing Using InDesing.

Como rato de redação, já meio sequelado de tendinite de InDesign, para mim essa é a escolha mais óbvia. O uso de “master pages” e “estilos” agiliza bastante o processo.

Recomendo mesmo para quem não é muito familiar com o programa.

Outro fator “agilizante” é essa biblioteca de elementos para wireframes: Free InDesign Library – Wireframe Elements.

Basta ligar o feed do blog à conta no Twitter (reprodução/Twitterfeed.com)

Um serviço bacana para fazer posts novos de qualquer blog irem direto para o Twitter:

Twitter Feed

[via Blogger Buzz]

Shhhhhhh, por favor... (Flickr CC/Faraz Usmani)

Pergunta: Como excluir alguém da sua página inicial do Facebook, sem precisar apagar a pessoa da sua rede de amigos?

Pode ser preciso fazer isso: excluir aquela pessoa cujas atualizações não interessam, deixando-a contudo na sua rede. Ando querendo fazer isso faz tempo, mas no Facebook não encontrava como (aliás, tem várias coisas ali difíceis de achar como fazer).

É mais fácil do que imaginava:

Na página inicial, basta dar um mouseover (parar o mouse em cima) no item da pessoa que você quer “silenciar” e clicar em “Ocultar”.