Arquivos Categoria

MooFilm uma tooltip para as tuas imagens

Artigo publicado em March 26, 2008 as 4:20 pm

MooFilm

MooFilm e uma pequena extensão que podes usar em conjunto com o Mootools para criar tooltips para imagens. Basicamente cada vez que um visitante passa com o cursor por uma imagem texto aparece.
Podes usar para explicar a imagem, ou para dizer o autor da imagem.

Flexigrid para jQuery dá uma nova vida as tuas tabelas

Artigo publicado em March 25, 2008 as 10:22 am

Uma das coisas que mais gosto é extensões que modifiquem as minhas tabelas.

Especialmente porque escrevo várias aplicações para sistemas que correm em intranet. Muito desses sistemas são relatórios de data.

Por exemplo top 100 produtos do mês, top 100 clientes, top vendas por áreas, etc.

E no inicio dos inícios para mostrar a informação usava tabelas simples, com paginação e poder organizar por ordem.

Mas claro sempre que o usuário carregava nessa opção lá ia o pedido até ao servidor e voltava para trás.

Mas pronto, chega de chatear com a minha experiência.

Flexigrid é para os programadores que usam jQuery e permite modificar tabelas normais para super tabelas.

Algumas das modificações que permite são:

  • Poder ajustar o tamanho das colunas
  • Poder ajustar o altura
  • Organizar por ordem alfabética e numérica uma coluna bastando clicar na header
  • Interface bastante agradável
  • Converte qualquer tabela
  • Habilidade para usar Ajax
  • Paginação
  • Poder ocultar colunas

Olhem só para a beleza desta tabela:

Flexgrid tabela

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

Drag e Drop em tabelas com jQuery

Artigo publicado em March 3, 2008 as 12:07 pm

TableDnD

TableDnD é uma extensão para jQuery que permite criares o efeito de drag e drop em cada fila da tua tabela.Dá jeito para quando queres ter uma lista de tarefas, e queres deixar os teus users poderem reorganizar a lista.

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.

mooSocialize - bookmark widget

Artigo publicado em February 25, 2008 as 10:01 pm

mooSocialize
mooSocialize é um pequeno widget baseado em mootools, que permite com apenas umas linhas de código adicionar no teu blog um widget que deixa os teus visitantes poderem adicionar os teus artigos em vários tipos de sites sociais como digg, del.icio.us e muito mais.Já existe vários widgets do mesmo género, mas mooSocialize destinge-se pelo o factor de o visitante nunca sair do teu site para poder adicionar o teu artigo. Em vez de ser redireccionado, um novo layer com um efeito de transparência aparece no teu site, onde podem preencher todos os detalhes e submeter o artigo.

Sem duvida um bom widget para quem usa blogs.

Pagina 1 de 512345»

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.