Aptana iPhone & Adone AIR development plugins
Quem ainda não conhece o Aptana, não sabe o que está a perder, porque é o melhor “Web IDE” que por aí anda, logo a seguir ao inevitável Dreamweaver.
Como é java (não, não é assim tão pesado) é multi-plataforma, e corre virtualmente em todas as máquinas do universo, desde que tenham um mínimo de poder de processamento e alguma memória, porque já todos sabemos o que significa estar a correr uma aplicação java.
Com a constante inclusão de plugins (tendo em conta que o Aptana pode também ser considerado um plugin, que pode ser instalado no Eclipse), temos acesso a inúmeras ferramentas de desenvolvimento web, como o caso do RadRails (para desenvolvimento de RoR), o Adobe AIR e mais recentemente a interface de desenvolvimento para o iPhone.
Quem já tentou instalar no passado (em linux) sabe que não era lá muito fácil, mas com a última versão é só descompactar e correr. Já testei em Ubuntu, Fedora e Archlinux e funcionou sempre “out of the box” (em Archlinux tenho instalado pelo AUR, por permitir uma melhor integração no sistema).
ruimoura.net v2.0 — almost final “beta” version
No pouco tempo que tenho tido disponível para dedicar a projectos “extra”, tenho-me concentrado, principalmente nestes últimos dias, em acabar, de uma vez por todas, o novo design do blog.
Desta vez a coisa vai ser de raíz, uma vez que o actual foi também feito de raíz mas baseado quase integralmente num design (xhtml/css) já existente.
Podem ver o novo logo, uns pormenores “web 2.0″ e pouco mais, mas já dá para captar o “espírito”.
Se tudo correr como planeado, e se conseguir meter ali para dentro tudo o que está nos apontamentos, e ao ritmo que tenho trabalhado nisto, mais uns 15 dias e o design fica concluído.
Quanto ao actual, uma vez que está tão “hard coded” quanto possam imaginar, ainda não sei bem o que lhe vou fazer.
jQuery is the new shit
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.
Não é nenhuma novidade, para muitos, mas fica a referência. jQuery.
CSS - Layout engines compatibility
Lista completa e extremamente detalhada das compatibilidades entra as diferentes versões CSS (1, 2.1, 3) e os diferentes “layout engines”, usados pelos vários browsers existentes.
Uma página para guardar com carinho, meus caros ![]()
Versão “2.0″ do blog on the oven - cooking slowly

Ps: ficará para o próximo post a construção de um banner ao estilo deste, com badge em estrela incluído (este está muito superior ao anterior). Powered by Gimp and “Mini Maria” cookies from Mini Preço ![]()
Image hover - css trick
Hoje em dia recorre-se muitas vezes ao truque visual “image rollover”, para, por exemplo, definir um link. O que se faz normalmente é utilizar uma imagem para o estado normal, e outra para o “mouse hover”, de modo a criar um efeito visual bastante agradável.
Isto implica usar duas imagens, o que vai sobrecarregando o web site, e se forem utilizadas muitas vezes pode tornar o carregamento do site um pesadelo, pelo menos para o pessoal dos modems e afins.
Recorrendo a uma técnica muito simples de css podemos alcançar o mesmo efeito, mas usando uma só imagem, o que implica reduzir para cerca de metade o download da imagem.
Usemos, por exemplo, esta imagem:

Como podem ver, é só juntar na mesma imagem o estado simples e a que querem que apareça quando passarem o ponteiro por cima (neste caso, o modo simples será a preto e branco e o “hover” a cores).
Agora, tendo em conta o tamanho da imagem (256×128px, neste caso), é só usar o seguinte código css para invocar o link com a imagem:
- a#gimpimg{
width: 128px;
height: 128px;
background-image: url(http://ruimoura.net/imagem/gimp_imghover.png);
display: block;
text-decoration: none;
}a#gimpimg:hover {
background-position: 128px 0;
}
Resultado final:
Deste modo, a imagem é logo carregada na sua totalidade, reduzindo o tempo de espera e a carga para o servidor e para o visitante do site.
Cheers.

Rui Moura. Geek by nature. Design Multimedia student. Linux user, Photo lover. /me likes pizza, beer and caramel icecream.





