Esta extensão usa o prototype e o scriptaculous, mas o que mais me surpreende neste extensão é o factor de ser bastante fácil de usar e de não termos que fazer nenhum tratamento especial as imagens para conseguirmos o resultado final.

Pode consumir um pouco do servidor para criar o efeito nas imagens, mas nada que faça uma grande diferença.

Site oficial: Deensoft

Demo: ProtoFlow

Algumas das características do Proto Check são:

• Substitui checkboxes e botões de radio por imagens.
• Suporta selecções feitas pelo o rato ou o teclado.
• Se o browser do visitante não suportar javascript, a extensão degrada para checkboxes e botões de radio normais sem criar qualquer erro.
• 4kb!!!
• Podes criar as tuas próprias imagens para serem usadas.

Para mim o melhor de tudo é ser uma extensão para o prototype, pois é de momento a framework que mais uso. Gosto também do factor de podermos criar as nossas imagens.

Para poderes usar este script terás que ter firebug e firefox, de resto é simples basta adicionar na header a path do novo prototype e adicionar a path do script deprecation.js.

De resto é só desenvolver a tua aplicação como normal e sempre que utilizares um comando que foi substituído pela a nova versão do prototype uma linha de comando ira aparecer no firebug a avisar-te.

Cheat sheet tipicamente é uma documento em PDF que ocupa uma pagina onde tens todos os comandos de uma framework.

O dono de scripteka acabou de lançar uma nova cheat sheet para o Prototype e depois de analisar acho que esta bastante bom, apenas tem um defeito se tentarmos imprimir numa pagina so as letras ficam demasiado pequenas e quase que é preciso uma lupa para ver.

Mesmo assim para quem gosta de cheat sheets recomendo o seu download.

Site oficial: Prototype Cheat Sheet

Esta extensão utiliza o prototype e para os efeitos utiliza o script.aculo.us.

Para mim um dos pontos fortes desta extensão é a animação suave e sem falhas. Gosto também do facto das caixas terem cantos redondos e não serem imagens (png) como outras extensões.

Um dos pontos fracos é a navegação das imagens, quando queremos mudar para a próxima imagem aparece uma seta, mas quando vamos “tentar” clicar desaparece. O que fez me um pouco de confusão. Até que descobri que para navegar entre imagens basta mesmo só clicar no lado direito ou esquerdo da imagem que esta a ser apresentada.

Algumas das características são:

• Rápido
• Fácil de modificar o design
• A imagem ajusta-se sempre ao tamanho do monitor
• Facil de usar e instalar

Para mais informações, documentação e download visitem LightView.

Por isso se imaginarmos que na nossa aplicação vamos precisar de usar ambas as frameworks ao todo são 246kb.

Sem duvida que a nossa aplicação vai ficar um pouco lenta, mesmo hoje em dia que a maioria das pessoas têm banda larga 246kb só em frameworks deixa nos a pensar um bocado, pois em cima disto ainda temos imagens, html, css e mais algum Javascript e talvez suba a parada para 300kb+.

Por isso acabou de sair uma versão de ambas as frameworks compactadas criadas por John-David Dalton e sem duvida que nos vêem ajudar ao problema do tamanho dos ficheiros.

Sendo assim aqui fica os tamanhos conseguidos:

Prototype 20.4kb
Scriptaculous 19.7kb
Protoculous (Prototype + Scriptaculous) 38.4kb

Excelente de 246kb para 38.4kb, sem duvida nenhuma que ajuda.

Podem fazer o dowload no google code.

Ortho permite criar vários tipos de gráficos como:

Gráficos em arvore, em que podes por exemplo usar para criar uma hierarquia de ficheiros.

Neste tutorial explicamos como podemos criar o efeito de drag e drop de uma maneira simples utilizando o prototype e o script.aculo.us.

Começamos com um exemplo bastante fácil mas depois analisamos as varias opções que o script.aculo.us fornece para criar o efeito ainda mais avançado e eficaz.

Espero que gostem do tutorial e por favor votem e deixem o vosso comentário.

Sem mais demoras visitem o tutorial como usar Drag e Drop com Scriptaculous.