Ajax Noticias Novidades tudo sobre Ajax » Componentes

MooFilm uma tooltip para as tuas imagens

Jota — Wed, 26 Mar 2008 15:20:01 +0000

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

Jota — Tue, 25 Mar 2008 09:22:16 +0000

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:

ProtoFlow, faz me lembrar o iPhone

Jota — Thu, 13 Mar 2008 08:46:39 +0000

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

Jota — Mon, 03 Mar 2008 11:07:04 +0000

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

Jota — Wed, 27 Feb 2008 19:03:11 +0000

Proto 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

Jota — Mon, 25 Feb 2008 21:01:04 +0000

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.

Agora é facil ter estrelas no site com dojo

Jota — Thu, 21 Feb 2008 19:32:35 +0000

Agora é mais fácil criares as famosas estrelas usadas em vários sites, especialmente para votação e reviews.Esta nova extensão criada por Tobias von Klipstein usa o Dojo especialmente o dojo.gfx que permite criar gráficos em formato vector (svg/vml/canvas).

Parece que não mas sempre se poupa mais um tempo em termos de desenvolvimento.

Moo.rd uma extensão leve para o Mootools

Jota — Thu, 14 Feb 2008 21:17:53 +0000

Moo.rd é mais uma extensão leve que permite criares efeitos para criares uma aplicação mais interactiva para os usuários.

Moo.rd apresenta vários pontos fortes, como criar interacção com tabelas, caixas de alertas.

Mas também vou ser sincero e não traz nada assim de completamente novo.

Podem ver mais:

Exemplos com tabelas, que até estão fixes.
Exemplos de caixas de alerta, podiam estar um pouco melhor.
Todos os exemplos.

Moo.rd é desenvolvido por Riccardo Degni um programador italiano e podem visitar o blog dele se estiverem interessados.

Pretty Comments, modifica a tua textarea.

Jota — Thu, 07 Feb 2008 09:10:07 +0000

Esta extensão faz me querer ter um projecto em jQuery.

Pretty comments permite modificar a uma textarea de uma forma especial. Quantas vezes estas a escrever um comentário num blog e quando o espaço acaba aparece uma scrollbar de lado?

Pois bem pretty comments faz maravilhas, em vez de aparecer a scrollbar de lado apenas expande o tamanho da textarea.

O melhor de tudo é que se removeres o texto a textarea encolhe automaticamente.

Agrada-me bastante esta pequena e simples extensão é pena só funcionar com o jQuery.

mooRainbow extensão para criar uma palete de cores

Jota — Wed, 06 Feb 2008 21:42:26 +0000

mooRainbow é uma extensão que permite criar uma palete de cores para ser mais fácil para o usuário poder escolher a cor desejada.

mooRainbow pode ser usado em qualquer elemento do DOM, e com um simples clique poderas ver a palete de cores.

Tambem podes usar onChange e onComplete para poderes criar efeitos interessante.

Alguns dos pontos interessantes são:

Fácil modificar através de CSS.
Código valido
RGB, HSB e HEX cores
Rápido
Suporta Firefox/Opera/Safaria/IE

E claro como o nome indica mooRainbow é uma extensão para o mootools.

Para mais informações e download visitem mooRainbow.