Arquivos Categoria

ProtoFlow, faz me lembrar o iPhone

Artigo publicado em March 13, 2008 as 9:46 am

ProtoFlow
Esta nova extensão é excelente para quem quer criar o “efeito do iPhone” para as suas imagens no seu website.

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

Lightview mais uma extensão para as tuas imagens.

Artigo publicado em January 14, 2008 as 5:01 pm

Lightview Lightview é mais uma lightbox para mostrar de uma forma elegante e dinâmica as tuas imagens.

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.

Script.aculo.us versão 1.8.1

Artigo publicado em January 4, 2008 as 7:03 pm

Nova versão do script.aculo.us (agora 1.81) já se encontra disponível para o download.

Esta versão é a solução para alguns bugs como os problemas no Effect.Morph. Outro ponto interessante é o factor de incluir o Prototype 1.6.0.1 beta.

Spellify 1.0 Corrector Ortográfico

Artigo publicado em January 3, 2008 as 8:43 pm

Spellify Corrector OrtográficoSpellify é uma maneira simples e rápida de tornar um caixa de texto num corrector ortográfico em tempo real.
Spellify utiliza o Google como motor para corrigir os erros ortográficos, também utiliza o script.aculo.us e o prototype. Podem fazer o download no site oficial.
De momento Spellify suporta 11 linguagens entre as quais o Português.
Apenas um detalhe só funciona em PHP com a biblioteca CURL disponível. Para não gastar tempo aos programadores em ambiente .NET .

Exemplo

Prototype e Scriptaculous compactados.

Artigo publicado em December 21, 2007 as 7:21 pm

O tamanho normal do prototype é 122kb, o tamanho do scriptaculous é 124kb se usares todos os scripts do scriptaculous.

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 extensão para criar gráficos em 2D.

Artigo publicado em December 19, 2007 as 9:23 pm

OrthoOrtho extensão para criar gráficos em 2D
Ortho é mais uma extensão para o prototype, para criar simples gráficos em 2D com Javascript. Alem disso Ortho também permite integrar o scriptaculous para criar efeitos.

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.

Ortho gráfico em arvore
Gráficos simples, um gráfico normal com pontos.
Ortho gráfico simples
Gráfico em barras, o tradicional e talvez um dos formatos mais usados.
Ortho gráfico em barras
Gráfico do tempo, um dos gráficos mais interessantes da extensão Ortho e na minha opinião esta bem conseguido.
Ortho gráfico da linha do tempo
Bio gráfico? Interessante mas sinceramente não faço ideia onde poderia aplicar este gráfico em aplicações feitas por mim.
Ortho bio gráfico
Para quem quer ter mais controlo e mais opções nos seus gráficos Ortho parece ser uma boa solução, talvez um pouco difícil para quem ainda esta a dar os primeiros passos no prototype.

Pagina 1 de 212»

Wisemapping Magento Ecommerce TaskFreak
MooFilm Flexigrid ProtoFlow

Drag e Drop com Scriptaculous

Drag e Drop com ScriptaculousEste tutorial consiste em explicar como usar o prototype e o script.aculo.us para criar o efeito drag e drop. Analisamos todas as opções, mostramos como criar com exemplos práticos e visuais.

Uff.. Como usar Prototype para pedidos em Ajax.

Como usar Prototype Neste tutorial explicamos como podes começar a dar os teus primeiros passos na famosa framework prototype, um simples tutorial onde é explicado como podes fazer os teus primeiros pedidos em Ajax.