Gifs, animações para o efeito loading em Ajax

Artigo publicado em December 20, 2007 as 8:49 pm

Como não existe o efeito do refresh quando se cria aplicações em Ajax os visitantes por vezes não sabem se a aplicação esta a fazer alguma coisa ou se se calhar não clicou no botão ou mesmo se a aplicação deu toda para o torto.

Por isso muitas das vezes é preciso um gráfico animado ou algo para informar os visitantes que a pagina esta a ser carregada.

Hoje dei comigo a procura de alguns gifs animados apropriados para isso, talvez porque o meu forte não seja em criar gráficos ou desenhos.

Encontrei varios sites com diversos gifs e deixo aqui a lista para o caso de alguém também andar a procura.

http://www.napyfab.com/ajax-indicators/ contem uns 30 gifs, sinceramente eu so gosto de uns 5.

http://mentalized.net/activity-indicators/ gosto das barras.

http://www.ajaxload.info/ sem duvida o melhor site da lista pois deixa-te escolher a tua animação preferida e ajustares e escolheres em que cores queres. Bastante útil assim a animação fica de acordo com as cores da tua aplicação.

http://www.sanbaldo.com/wordpress/1/ajax_gif/ poucos mas bons.

http://www.ajax.su/ajax_activity_indicators.html bastantes mas nem todos se aproveitam.

Conhecem mais algum site para adicionar a lista?

2 Comentarios to “Gifs, animações para o efeito loading em Ajax”

  1. Blog do Márcio d’Ávila » Arquitetura de software, NetBeans, AJAX, padrões web Says:

    [...] dicas interessantes de Jota são Gifs, animações para o efeito loading em Ajax, 2007-12-20, e Dicas por Yahoo como criar aplicações Ajax com alta performance, [...]

  2. Gerador de imagens em linhas, quadrados e tabs online. | Ajax Noticias Novidades tudo sobre Ajax Says:

    [...] artigo mais antigo falei sobre gifs para tempo de espera e em especial Ajax Load um site onde podem gerar os vossos [...]

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.