Links Web

Banner Page Peel é um banner - ou qualquer outro conteúdo - que aparece no canto superior direito do site. Possui uma pequena animação na abertura.

Essa aplicação permite configurar diversas opções, por exemplo:  setar altura, largura, posição, se vai usar flash ou não, etc.

Aparece inicialmente assim:

Ao passar o mouse fica assim…

Site: http://smple.com/2008/12/15/jquery-plugin-page-peel/

Demo: http://www.smple.com/pagePeel/

Licença: Não especificada.

Script que permite mostrar um banner na parte superior direita do site. O banner fica escondido, como uma “orelha”. Ao ser clicado ele aparece.

Essa técnica é denomidada Page Peel.

Site: http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/

Demo: http://www.sohtanaka.com/web-design/examples/peeling-effect/

Licença: Não especificada.

Tooltip de notificação que aparece na página, quando invocada. Esse tipo de funcionalidade também é chamada de Growl notification.

Site: http://stanlemon.net/projects/jgrowl.html

Demo: http://stanlemon.net/projects/jgrowl.html

Licença: MIT e GPL.

Busca instantânea com jQuery. Os resultados que aparecem abaixo são filtrados na medida em que se digita alguma coisa.

Site: http://orderedlist.com/articles/live-search-with-quicksilver-style-for-jquery

Demo: http://orderedlist.com/demos/quicksilverjs/jquery.html

Licença: Não especificada.

Script de busca em tempo real, sem refresh na página. Constrúido com jQuery e PHP. Sistema desse estilo são chamados de Ajax Live Search ou busca animada.

Site: http://ad1987.blogspot.com/2009/03/how-to-build-animated-ajax-search-with.html

Demo: http://abhisek.uuuq.com/lab/ajax_search/

Licença: Não especificada.

Painel de login suspenso com jQuery; ou se preferir chamar: Painel de mostrar e esconder, painel de expandir, painel collapse, drop down, hide/show, etc.

O painel fica no topo da página e quando clica ele aparece com um formulário para login.

Site: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/

Demo: http://web-kreation.com/demos/Sliding_login_panel_jquery/

Licença: Creative Common 2.5.

Painel de conteúdo que “cai” do topo da página quando acionado. Muitos chamam de painel drop down ou painel pull down. O conteúdo é carregado de um arquivo externo via ajax.

Site: http://www.javascriptkit.com/script/script2/dropdownpanel.shtml

Demo: http://www.javascriptkit.com/script/script2/dropdownpanel.shtml

Licença: Não especificada.

Galeria de fotos com jQuery. Pode ser utilizado também como um slider de conteúdo. Veja algumas características:

• Possui um painel com miniaturas na parte inferior;
• Conta também com um overlay, ou seja, um espaço para colocar mais informações em cada foto;
• Diferentes temas;
• Efeitos de transição entre as imagens.

Site: http://spaceforaname.com/galleryview

Demo: http://spaceforaname.com/gallery-light.html

Licença: MIT license.

Plugin com jQuery que permite adicionar o Google Maps no seu site de uma maneira muito simples.

Site: http://dyve.net/jquery/?googlemaps

Demo: http://dyve.net/jquery/?googlemaps

Licença: MIT e GPL.

Sistema de votação usando jQuery, MySQL e PHP - no estilo do site Reddit. Você pode votar “pra cima” ou “para baixo”.

Site: http://ad1987.blogspot.com/2009/02/reddit-style-voting-with-php-mysql-and.html

Demo: http://cyberbuff.noadsfree.com/lab/reddit_votes/

Licença: Não especificada.