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

Proto Check cria checkboxes mais atractivas

Artigo publicado em February 27, 2008 as 8:03 pm

Proto CheckProto Check é uma excelente extensão para o prototype, permite de uma maneira fácil criar checkboxes mais atractivas para os teus visitantes usarem. Basicamente esta extensão permite criares uma imagem para substituir as checkboxes.

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.

Agora é mais facil fazer o upgrade do prototype

Artigo publicado em February 13, 2008 as 7:51 pm

Tobi Langel um programador da equipa prototype criou um script em que avisa que partes do teu código terás de fazer update para a tua aplicação continuar a funcionar na perfeição na nova versão do Prototype.

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.

Prototype

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

Nova maneira de seleccionar datas

Artigo publicado em January 24, 2008 as 8:29 pm

Nova maneira de seleccionar datasUma nova extensão para quem usa prototype. Desta vez é uma nova maneira de seleccionar datas, em vez dos tradicionais popups Ajaxorized introduz uma nova maneira, uma barra com datas e o usuário apenas necessita de clicar e arrastar.
Apesar de achar uma ideia original e interessante, acho que só resulta se for preciso o usuário escolher um um período de datas, pois fica difícil escolher apenas um dia.
Para mais informações e download visitem Ajaxorized.

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.

Pagina 1 de 3123»

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.