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.

Roar é um widget de notificação no estilo Growl, o sistema de notificação do Mac OS X. Com mootools, fácil de usar e customizar para mostrar mensagens diversas.

Site: http://digitarald.de/project/roar/

Demo: http://digitarald.de/project/roar/1-0/showcase/messages/

Licença: MIT License.

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.

Galeria de Fotos usando PHP e Mootools. Além de compacta, foi desenvolvida de forma modular e orientada a objetos. Possui inúmeras funcionalidades:

• 4 diferentes tipos de designs;
• Visualizador de Thumbnails;
• Upload de imagens incluído;
• Fácil manutenção;
• Esconder/mostrar thumbnails;
• Ajuste automático das imagens;
• Não necessita de banco de dados.

Site: http://www.e2interactive.com/e2_photo_gallery/

Demo: http://www.e2interactive.com/e2_photo_gallery/demo.php

Licença: Open Source (licensa um pouco confusa e com limitações).