15 Ago

Postado em:

Programação, Javascript

Palavras Chave:

ajax loader, ajax, gif, site, ajaxloader.info

RSS:

Assinar.

Ajax loader

Postado em 15 de Agosto de 2009, às 20:16

Olá pessoal, demorei, mas voltei!!

Hoje quero falar sobre um site legal que encontrei, tenho certeza de que ele será muito útil para muitos desenvolvedores web por ai afora.

Neste site que encontrei, cujo nome é "ajaxload.info", é possível personalizar e baixar vários tipos de Ajax loaders para serem utilizados em sites que utilizam o Ajax. O link para o site é www.ajaxload.info.

O serviço ainda é beta, gratuito e é fácil de usar, talvez o único problemas seja o fato de que o site está em inglês, mas para quem trabalha com informática, principalmente desenvolvimento, isso é normal.

Vou explicar as três únicas etapas para gerar seu próprio Ajax loader:

No campo "Indicator type", localizado no quadro amarelo, selecione o tipo de Ajax loader que você deseja. Existem vários tipos, tenho certeza que você vai perder um tempinho escolhendo qual o melhor para usar no seu site;
Em "Background color" defina uma cor para o fundo da imagem do Ajax loader. Sei que é tolice, mas, devo lembrar que um Ajax loader não passa de uma imagem do tipo gif que é animado, por isso esta imagem pode ter uma cor de fundo, ou se preferir você pode deixar transparente marcando a caixa de seleção "Transparent background" logo abaixo;
Finalmente, defina uma cor para a animação do Ajax loader no campo "Foreground color", essa é a cor do desenho;

Feito os três passos, basta clicar sobre o botão "Generate it !". Um quadro vermelho abaixo desse quadro amarelo de que falei antes, vai mostrar um preview do Ajax loader, se não gostar basta reeditar as definições no quadro amarelo. Caso você tenha gostado do resultado, clique sobre o botão "Download it" e salve a imagem em seu servidor web para utilizá-la no seu site.

Veja abaixo alguns testes com apenas alguns tipos de Ajax loaders que o site disponibiliza: