Shadowbox novo lightbox

shadowboxShadowbox não é apenas mais uma lightbox, apesar de também ser usado para o mesmo efeito. Mas existe vários pontos interessantes nesta extensão como:

  • Standards Shadowbox cria HTML valido que passa os testes por W3C.
  • Frameworks normalmente uma extensão tem que ser usado com apenas uma framework, e todos nos sabemos que as vezes não usamos certas extensões pois não são compatíveis com a nossa framework escolhida. Shadowbox suporta varias frameworks como YUI, Ext, Prototype + Scriptaculous, jQuery e MooTools.
  • Design fácil modificar o design da box, Shadowbox usa um sistema de skins em que basicamente basta modificar apenas um ficheiro CSS.
  • Formatos Quicktime, Windows Media Player, Flash, Flash video e até paginas externas.

Sem duvida que extensão esta bem conseguída e o factor de poderes usar qualquer framework ajuda muito em escolher esta extensão para os próximos projectos.

Lightview mais uma extensão para as tuas imagens.

Lightview Lightview é mais uma lightbox para mostrar de uma forma elegante e dinâmica as tuas imagens.

Esta extensão utiliza o prototype e para os efeitos utiliza o script.aculo.us.

Para mim um dos pontos fortes desta extensão é a animação suave e sem falhas. Gosto também do facto das caixas terem cantos redondos e não serem imagens (png) como outras extensões.

Um dos pontos fracos é a navegação das imagens, quando queremos mudar para a próxima imagem aparece uma seta, mas quando vamos “tentar” clicar desaparece. O que fez me um pouco de confusão. Até que descobri que para navegar entre imagens basta mesmo só clicar no lado direito ou esquerdo da imagem que esta a ser apresentada.

Algumas das características são:

  • Rápido
  • Fácil de modificar o design
  • A imagem ajusta-se sempre ao tamanho do monitor
  • Facil de usar e instalar

Para mais informações, documentação e download visitem LightView.

Facebox 1.0 lightbox para imagens, divs e paginas

FaceboxFacebox 1.0 foi lançado por FamSpam e permite criar o efeito lightbox.
Sim é mais uma versão das 500 já disponíveis, mas esta extensão introduz algo novo, em vez de so criar o efeito em imagens permite também criares o efeito sobre divs ou mesmo paginas remotas.
Fácil de usar e de integrar Facebox 1.0 pode ser mais do que a típica Lightbox.
Para poderes utilizar esta extensão precisas também de integrar a framework jQuery.

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

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.

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

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.

NicEdit um micro editor de tamanho pequeno

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