Arquivos Mes

Prototype e Scriptaculous compactados.

Artigo publicado em December 21, 2007 as 7:21 pm

O tamanho normal do prototype é 122kb, o tamanho do scriptaculous é 124kb se usares todos os scripts do scriptaculous.

Por isso se imaginarmos que na nossa aplicação vamos precisar de usar ambas as frameworks ao todo são 246kb.

Sem duvida que a nossa aplicação vai ficar um pouco lenta, mesmo hoje em dia que a maioria das pessoas têm banda larga 246kb só em frameworks deixa nos a pensar um bocado, pois em cima disto ainda temos imagens, html, css e mais algum Javascript e talvez suba a parada para 300kb+.

Por isso acabou de sair uma versão de ambas as frameworks compactadas criadas por John-David Dalton e sem duvida que nos vêem ajudar ao problema do tamanho dos ficheiros.

Sendo assim aqui fica os tamanhos conseguidos:

Prototype 20.4kb
Scriptaculous 19.7kb
Protoculous (Prototype + Scriptaculous) 38.4kb

Excelente de 246kb para 38.4kb, sem duvida nenhuma que ajuda.

Podem fazer o dowload no google code.

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?

Ortho extensão para criar gráficos em 2D.

Artigo publicado em December 19, 2007 as 9:23 pm

OrthoOrtho extensão para criar gráficos em 2D
Ortho é mais uma extensão para o prototype, para criar simples gráficos em 2D com Javascript. Alem disso Ortho também permite integrar o scriptaculous para criar efeitos.

Ortho permite criar vários tipos de gráficos como:

Gráficos em arvore, em que podes por exemplo usar para criar uma hierarquia de ficheiros.

Ortho gráfico em arvore
Gráficos simples, um gráfico normal com pontos.
Ortho gráfico simples
Gráfico em barras, o tradicional e talvez um dos formatos mais usados.
Ortho gráfico em barras
Gráfico do tempo, um dos gráficos mais interessantes da extensão Ortho e na minha opinião esta bem conseguido.
Ortho gráfico da linha do tempo
Bio gráfico? Interessante mas sinceramente não faço ideia onde poderia aplicar este gráfico em aplicações feitas por mim.
Ortho bio gráfico
Para quem quer ter mais controlo e mais opções nos seus gráficos Ortho parece ser uma boa solução, talvez um pouco difícil para quem ainda esta a dar os primeiros passos no prototype.

Google Ajax PartnerBar

Artigo publicado em December 18, 2007 as 11:39 pm

Ai esta mais uma nova API da Google, ainda ando eu a brincar com o Google Graficos e já lançaram outra API.

Google PartnerBar permite mostrares as feeds de outros websites no teu site de uma maneira bastante simples. É bastante útil para quem tem varios websites e quer partilhar algum tráfego entre sites. Ou se queres teres feeds de outros sites que não sejam teus pois achas que os teus visitantes vão achar interessante.

Ou então outro método de receber dinheiro, para quem usa publicidade nos sites para fazer algum.

Seja para o que for esta API esta bastante fácil de usar. Com mais tempo ainda escrevo um pequeno tutorial em como integrar esta API com as tuas aplicações.

NicEdit um micro editor de tamanho pequeno

Artigo publicado em December 18, 2007 as 11:17 pm

NiceEdit micro editor na paginaNicEdit um micro editor
Para quem procura soluções para criar um editor de texto a partir de uma textarea ou div e que possa ser aplicado de maneira fácil e rápida, NicEdit pode ser a solução que procuras.
Já existe varias soluções mas normalmente o tamanho (200kb) carrega demasiado a aplicação e o resultado é super lento.
O tamanho de NicEdit é perto dos 35kb isto sem estar comprimido em que ronda os 10kb. Apenas 2 ficheiros o javascript.js e os ícones.
E sem duvida de simples uso e instalação permitindo divs e textareas em transformarem-se em simples mas poderosos editores.
Agrada-me bastante esta solução especialmente porque o tamanho é bastante pequeno. E claro o conteúdo pode ser salvo através de Ajax.

NicEdit Exemplo

Extensões em Ajax para o Wordpress

Artigo publicado em December 17, 2007 as 9:46 pm

Hoje em dia muita gente usa o famoso Wordpress para criar os seus blogs ou mesmo websites.

PT Ajax andou a procura de varios plugins para o Wordpress para ajudar o seu site ou blog com novas funcionalidades. Por isso aqui vai a lista de alguns dos plugins/extensões em Ajax.

Ajax Alexa PluginAlexa Ajax Plugin
Queres adicionar o tua posição no Alexa no teu blog? Simples esta extensão é fácil de instalar e de usar.

Ajax Comentários PreviewComentários Preview Ajax
Um simples plugin que permite os visitantes do teu site verem um preview dos seus comentários antes de submeterem.

Ajax Crossroads FlickrCrossroads Flickr Ajax
Tens fotografias alojadas no Flickr? Queres adicionar no teu blog de uma maneira mais eficaz e de mais facil uso para os teus visitantes? Crossroads é simples e oferece varias vantagens tais como, mostrar os comentários das tuas fotografias que estão no flickr no teu blog, cria thumbnails em que os visitantes podem clicar e ver uma imagem maior usando o efeito lightbox.

Ajax Firestats EstatísticasFireStats Ajax
Procuras estatísticas para o teu blog? Firestats pode ser a solução perfeita.

Ajax Google MapasGoogle Mapas Ajax
Queres adicionar localizações num mapa nos teus posts? Excelente plugin para quem tem sites de reviews de lojas ou restaurantes.

Ajax ComentariosAjax Comentários
Este plugin permite sempre que um visitante adiciona um comentário um efeito mais simples e mais suave na transição do comentário para o blog.

Ajax Google VideosGoogle Vídeos Ajax
Queres adicionar uma procura de videos no teu blog? Com este plugin o teu visitante pode procurar e ver os vídeos que estão alojados no Google video.

Ajax ShoutboxShoutbox Ajax
Com este plugin podes ter um shoutbox, onde os teus visitantes podem deixar uma mensagem ou mesmo entrar em conversas de uma maneira mais rápida e simples.



Ajax relógioAjax Relógio
Se quiseres adicionar um relógio que esta em constante update, este é o plugin recomendado.


Ajaxed WPAjaxed WP
Ajaxed não é apenas um pequeno modulo que transforma uma coisa em Ajax, mas sim um pacote de diferentes módulos que transformam tanto a parte administrativa como a publica em Ajax.
Em resumo permite preview dos comentários antes de ser submetidos, todos os comentários com um pequeno enxerto ate o visitante clicar em “ver mais”, navegação em Ajax e muito mais.


Espero que gostem da lista e agora já não há desculpa para não porem um pouco de “Ajax” nos vossos blogs.
Conhecem mais algum para adicionar a lista?

Pagina 2 de 5«12345»

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.