jQuery Captify Plugin – Uma forma diferente de adicionar legendas em fotos

March 16, 2009 at 6:03 pm · Categorias: Dicas de Javascript, Tutoriais, Web developer

Captify é um plugin para jQuery que gera belas legendas nas suas fotos de uma maneira não intrusiva, através de rollover.

Existem algumas características do plugin que você pode alterar, como se a legenda aparecerá no topo ou na parte de baixo da imagem e escolher a animação que a legenda terá. O plugin foi testado no Firefox, Chrome, Sagari e até mesmo no lixo do IE.

Compartilhe!

Comments (2) - Gostou do post? Envie para seu amigo

SlideViewer – Plugin de Slideshow/ galeria de imagens usando jQuery

March 6, 2009 at 5:54 pm · Categorias: Dicas de Javascript, Utilitários, Web developer

SlideViewer é um plugin super leve (1,5 Kb!) que permite que você crie um slideshow/ galeria de imagem facilmente, com a ajuda do framework jQuery.

Seu uso é realmente simples, basta criar uma lista não-ordenada com imagens e adicionar uma classe à ela para que o script gere dinamicamente os links e o código necessário para transformar essa lista de imagens sem um slideshow.

Algumas configurações podem ser modificadas como o tipo de animação na transição das imagens e mexer no tooltip do slideshow caso instale mais um pequeno plugin. Um detalhe que é bom tomar cuidado é manter a mesma largura e altura em todas as imagens.

Para que o plugin funcione adequadamente, além do jQuery você também precisará instalar o jQuery easing.

Compartilhe!

Comments (3) - Gostou do post? Envie para seu amigo

Bespin – O futuro dos editores de código

February 16, 2009 at 7:06 pm · Categorias: Utilitários, Web developer

Bespin é um experimento do pessoal da Mozilla onde eles estão desenvolvendo um editor online de códigos com possibilidades infinitas, como: as pessoas poderem criar plugins para o editor, múltiplos usuários editando o mesmo arquivo etc.

A ferramenta possui diversas facilidades que nós encontramos em nossos editores de código desktop e algumas outras inédita além de possuir inclusive uma linha de comando onde você poderá criar ou baixar comandos que irão facilitar (e muito!) a sua vida de desenvolvedor.

Poderia me estender aqui falando de todos os pequenos detalhes e vantagens deste editor, que ainda está em fase de testes, mas irei citar apenas algumas das mais importantes:

• permite uma colaboração simultânea onde várias pessoas estão editando o mesmo arquivo;
• tem como base recursos avançados da mais alta tecnologia web, como: HTML5;
• Possui todos os recursos básicos de um editor de códigos como: “autocomplete”, sintaxe colorida de acordo com a linguagem de programação escolhida, etc;
• fácil utilização;
• acessível em qualquer lugar que tenha uma conexão com a internet e um navegador decente;
• possui uma linha de comando que permite a criação de algo semelhante à macros;
• permite a criação de plugins pelos usuários para serem agregados à ferramenta.

Para quem se interessou, sugiro que veja este vídeo (em inglês) de introdução à ferramenta que mostra como ela funciona e seus diferenciais.

Curiosidade: o nome e o slogan “Bespin – Code in the Cloud” faz uma referência à Star Wars, Bespin é o planeta de Cloud City, do filme O Império Contra-Ataca.

Compartilhe!

Comments (6) - Gostou do post? Envie para seu amigo

jQueryPlugins.com – Sua fonte de plugins para jQuery

January 23, 2009 at 12:55 pm · Categorias: Dicas de Javascript, Dicas para freelas, Plugins, Web developer

jQueryPlugins.com é basicamente um acervo de plugins para jQuery (duh!) onde você poderá procurar e avaliar plugins.

Você pode navegar entre os plugins através de categorias pré-definidas ou fazer uma busca na descrição, no nome do autor ou no nome do plugin. Depois de selecionar o plugin você poderá ver uma screenshot do plugin e maiores informações.

O site ainda tem muito o que melhorar, uma gafe absurda é que disponibilizam a ferramenta de busca apenas dentro das páginas das categorias, ao invés de colocar em um lugar visível em todas as páginas.

Estou postando esse arsenal de plugins, que descobri ontem, mas podem deixar que não deixarei de continuar citando os melhores plugins de jQuery que encontrar por aí. ^^

Compartilhe!

Comments - Gostou do post? Envie para seu amigo

Polaroid Gallery – Galeria de fotos em Flash, gratuita e open source

January 12, 2009 at 12:31 pm · Categorias: Utilitários, Web developer

Polaroid Gallery é uma galeria de fotos gratuita e open source feita no Flash desenvolvida porChristopher Einarsrud.

A galeria carrega as imagens e seus respectivos títulos dinamicamente de um arquivo externo .xml, um Flickr ou um feed RSS; processa as informações e cria uma galeria interativa em Flash.

Veja o exemplo online de uma galeria criada via Flickr.

Compartilhe!

Comments (5) - Gostou do post? Envie para seu amigo