Arquivos Mes

Dynamic Drive apresenta caixa de conteúdo com efeito de slide/cortina.

Artigo publicado em December 27, 2007 as 2:46 pm

Caixa de conteudosDynamic drive apresenta uma extensão para o famoso jQuery, em como transformar um simples div numa caixa de conteúdos com navegação e efeito de slide/cortina.

Estas caixas dão bastante jeito quando queremos ter pequenas noticias na pagina principal do nosso site.

Esta extensão vem com dois ficheiros (senão contarmos com o jQuery), e juntos formam apenas 6kb.

O bom desta extensão é o factor de trazer varias opções para o seu uso como:

  • Suporta múltiplas caixas de conteúdo
  • Com conhecimentos CSS é possível modificar o estilo da caixa de uma maneira simples e fácil
  • Possível controlar a velocidade do efeito
  • Suporta manual e slideshow, o manual o conteúdo so muda quando o visitante usa a navegação, o slide show escolhes o tempo que queres para o conteúdo mudar.

Para mais informações e download visite Dynamic Drive.

40 Exemplos usando o Adobe Air.

Artigo publicado em December 27, 2007 as 2:21 pm

Adobe Air já vai na versão Beta 3 Kevin Hoy apresenta 40 exemplos em como usar o Adobe Air.

Para quem pensa em começar a usar o Adobe Air, estes exemplos são uma boa ajuda em como começar.

Este pacote consiste em pequenos exemplos como:

  • Como aceder a informação guardade em SQLite base de dados
  • Como fazer o update em informação guardada em SQLite base de dados
  • Como ler texto num ficheiro local
  • Ligações a uma SQLite base de dados
  • Selectionar uma directoria
  • Encoding a PNG using a JavaScript encoder
  • Selectionar um ficheiro
  • Como aplicar flash filtros em conteudo HTML
  • Determinar as dimensoes de uma imagem
  • Capturar e salvar as imagens de uma camera para a web.
  • Tocar sons de musica
  • Criar um ficheiro temporario
  • Criar um popup
  • Ler ficheiros XML usando XMLHttpRequest (XHR)
  • e muito mais

Para quem esteja interessado pode fazer o download no site de Kevin Hoy .

Directoria de Ajax Scripts.

Artigo publicado em December 24, 2007 as 12:56 pm

Num post mais antigo, apresentei ScripTeka um website que reune todas as extensões para prototype e scriptaculous. Um site bem conseguido e de facil uso para procurar o que queremos.

Hoje descobri mais um site, Best Ajax Scripts, mas em vez de dedicar se apenas a uma framework tenta reunir todos as extensões e scripts em Ajax.

Não acho tão bom como ScripTeka mas sem duvida uma passagem para quem procura extensões em Ajax.

O site de momento já contem perto das 200 extensões / scripts.

Mozilla Weave

Artigo publicado em December 24, 2007 as 12:01 pm

Mozilla Weave?

Parece que antes de resolverem o meu grave problema com o consumo de memoria do meu portátil(só a brincar, mas é chato), Mozilla lançou a primeira versão (0.1) do Weave.
Weave é a aposta da Mozilla para começar a tentar juntar o desktop com a web.
Então o que é que eles querem dizer com isto? A melhor maneira de explicar é usando alguns exemplos de como o Weave pensa em funcionar no futuro.

Exemplo um:
Pessoa X ficou sem disco rígido, perdeu toda a informação, fotografias, email, musica etc.. e pior que isso não tem backup nenhum. E agora?
Pois bem com o uso de Weave assim que a pessoa X comprar outro disco rígido, basta instalar Firefox fazer o login e volta a ter tudo de volta.

Exemplo dois:
Pessoa X tem tudo configurado no seu computador, passwords, sites favoritos, rss feeds etc. Como não tem portátil e vai visitar a sua avó no fim de semana, no computador da avó não tem nenhuma dessa informação disponível. Mas com Weave passa a ter. Instala no computador da avó o Firefox faz o login na sua conta e pronto volta a ter toda a sua informação disponível.

Basicamente a mim da me a ideia de que Weave de momento não passa de juntar varios serviços que já existem e centralizar num só.
Claro que poderá ser muito mais do que isso no futuro, especialmente porque a Mozilla vai abrir o serviço de borla para programadores poderem criarem as suas próprias aplicações. Isto também porque a ideia do Weave não é criar as aplicações mas sim apenas a estrutura e a framework.
Um pouco como os plugins e themes para o firefox.

Esta versão do Weave contem:

  • O inicio e o básico da framework.
  • Autenticação nos servidores (labs.mozilla.com).
  • Encriptação para a informação do usuário.

A versão 0.2 que esta prevista para princípios de 2008 já trás umas coisas mais interessantes como API (e nos gostamos de APIS).

Download e informação:
https://labs.mozilla.com/forum/index.php/topic,393.0.html
http://labs.mozilla.com/2007/12/introducing-weave/

Exemplos do weave em uso:
https://labs.mozilla.com/forum/index.php/topic,392.0.html

Ideia:
http://cbeard.typepad.com/mozilla/2007/12/the-space-betwe.html

Ajax depois do slideshow vem o video.

Artigo publicado em December 24, 2007 as 10:50 am

No artigo anterior falei do slideshow por Julien Lecomte’s (Yahoo) em como criar aplicações com alta performance em Ajax, sem saber agora encontrei o vídeo. Se tiverem interessados e gostaram do slideshow vejam o video.

Ajax dicas por Yahoo como criar aplicações com alta performance.

Artigo publicado em December 22, 2007 as 7:16 pm

Yahoo lançou um slideshow com truques e dicas de como criar aplicações de alta qualidade e rapidez em Ajax.
Depois de ler o slideshow notei algumas dicas que eu ainda não sabia, umas das que mais me surpreenderam foram:

Enganar os usuários se for preciso, primeiro fazer o update do interface e depois fazer o trabalho no background.
Interessante muitas das aplicações que crio em Ajax nunca usei esta táctica, por muito que o usuário tenha que esperar.
Um simples exemplo é quando um usuário preenche um formulario, submite, normalmente a minha aplicação faz o trabalho todo verificar, salvar na base de dados, e voltar a resposta ao usuario, mas porque não só verificar, dar a resposta ao usuario e depois salvar na base de dados?
Sem duvida que é uma perspectiva diferente, mas que traz as suas vantagens.

O tempo de espera recomendado em pedidos em Ajax é cerca de 300ms, mais do que isso o usuário pode não gostar da experiência.
Uma das maneiras que existe para analisar e testar a velocidade é usando o famoso firebug.

Em vez de substituir os atributos do css directamente é preferível substituir a classe.
Por defeito eu normalmente modifico o atributos directamente se por exemplo quero que um texto mude de cor mudo a cor (.style.color:) e nao a classe.

onmousedown é preferível do que onclick. Ok mais uma dica que eu tenho que começar a aplicar.

Se usares tabelas, utilizar sempre o atributo width em cada coluna.
Quantas vezes esqueço-me.

Json é preferível do que XML.

Sem duvida uma boa leitura, não se esqueçam de ver o slideshow completo.

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.