Arquivos Tags

Prototype cheat sheet

Artigo publicado em January 29, 2008 as 10:45 am

Cheat sheet dão sempre jeito.

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

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.

iDesktop.tv Youtube em esteróides?

Artigo publicado em January 4, 2008 as 8:06 pm

iDesktopiDesktop é um site onde podes ver, procurar e fazer o download de vídeos que se encontram no YouTube.
Uma das coisas que iDesktop afirma é ser uma verdadeira aplicação “web 2.0″ onde tentam criar a experiência do desktop no browser. As janelas podem ser minimizadas, drag e drop, e a possibilidade de poder ver múltiplos vídeos ao mesmo tempo. Isso tudo misturado com um design inovativo.

Algumas das características são:

  • Design criado para dar a experiência de uma aplicação normal do desktop
  • Playlist que podes partilhar com amigos
  • Poderes ver múltiplos vídeos ao mesmo tempo
  • Faz o dowload dos vídeos em avi, mp4, mov, 3gp, wmv, flv
  • Drag e drop
  • Escolhe 12 temas para o site
  • Ver o vídeo em ecran inteiro
  • Ver os últimos 50 vídeos que foram vistos

Uma das coisas que achei estranho é o factor do site usar o prototype 1.4.0, quando a versão 1.6.0 já se encontra disponível.

iDesktop

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.