jQuery Chat estilo Gmail

Chat script usando jQuery, PHP e MySQL. No estilo do Gmail e do Facebook. Muito fácil de configurar e usar.

Principais características:

  • Botão para minimizar e fechar para as conversas;
  • Janelas de chat localizadas na parte inferior direita;
  • Mantem as conversas abertas, inclusive o conteúdo delas, quando ocorre refresh na página;
  • Auto resize e auto scrolling para as janelas.

chat-gmail

Site: http://anantgarg.com/2009/05/13/gmail-facebook-style-jquery-chat/

Demo: http://anantgarg.com/chat/samplea.php

Licença: parecida com a GPL license (uso para propósitos não comerciais).

Chat estilo Facebook

CometChat é um script de bate papo no estilo do site Facebook.  Veja algumas características:

  • Desenvolvido com PHP, MySQL e Ajax;
  • Combinação de caracteres são convertidos automaticamente em smileys;
  • Notificação via audio quando uma nova mensagem chega.

chat-facebook

Site: http://www.cometchat.com/

Demo: http://www.cometchat.com/demo

Licença: Comercial.

jQuery UI Accordion Menu

Plugin jQuery que cria um menu sanfona. Permite você definir os elementos que inicialmente vão aparecer fechados ou abertos. Permite também customizar animações.

jquery-ui-accordion

Site: http://bassistance.de/jquery-plugins/jquery-plugin-accordion/

Demo: http://jquery.bassistance.de/accordion/demo/

Licença: License MIT e GPL.

jQuery Accordion Menu

Menu sanfona, ou accordion menu, construído com jQuery. O comportamento básico é mostrar um submenu (e fechar o outro) quando se clica ou passa o mouse sobre o link do menu principal.

accordion-menu-jquery

Site: http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html

Demo: http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html

Licença: Não especificada.

Menu estilo Apple com jQuery

Menu no estilo do site da Apple construído com jQuery. Possui um efeito quando o mouse fica sobre um link, ele se abre, aparecendo um ícone.

menu-apple

Site: http://www.kriesi.at/archives/apple-menu-improved-with-jquery

Demo: http://www.kriesi.at/wp-content/extra_data/kwicks_tutorial/kwicks_final.html

Licença: Não especificada.

Barra de Navegação Apple com CSS

Barra de navegação no estilo do site da Apple. Utiliza somente CSS e imagens. Em alguns navegadores os cantos arredonados são comprometidos, devido a necessidade de recursos do CSS3.

navigation-bar-apple

Site: http://westciv.com/style_master/blog/apples-navigation-bar-using-only-css

Demo: http://westciv.com/style_master/house/good_oil/satoshi/

Licença: Creative Commons License.

Flash XML Slider de Notícias

Slider de notícias construído com Flash e XML.  Oferece a transição de uma foto, texto e link. Possui os botões avançar, pausar e anterior.

flash-xml-slider

Site: http://www.faustocarrera.com.ar/v2/automated-news-slider-with-as3

Demo: http://works.faustocarrera.com.ar/news_slider/

Licença: Não especificada.

Slider com Flash e XML

Slider de imagens com Flash e XML. Entre a transição das fotos tem um efeito blur. Para cada imagem, você pode definir a url, o atributo target do link e a transparência da barra de navegação.

flash-xml-slideshow

Site: http://www.flabell.com/flash/XML-Image-Slideshow-40

Demo: http://www.flabell.com/flash/XML-Image-Slideshow-40

Licença: Free & Comercial.

jQuery Dock Menu na lateral da página

Painel que fica recolhido na lateral da página e  “aparece” quando passamos o mouse sobre ele.

É dividido em abas laterais, onde cada uma abre seu respectivo menu. Esse menu pode ser “congelado” (dock significa doca, estaleiro) quando se clica no link dock. Ao clicar em undock ele volta ao estado original.

Pode-se fazer isso com todos os menus disponíveis. Permite uma navegação agradável, intuitiva e funcional ao mesmo tempo.

dock-lateral

Site: http://www.jankoatwarpspeed.com/post/2009/06/01/Advanced-docking-using-jQuery.aspx

Demo: http://www.jankoatwarpspeed.com/examples/AdvancedDocking/

Licença: Não especificada.

jQuery Dock no topo da página

Painel que fica recolhido no topo da página e “aparece” quando passamos o mouse sobre ele.

dock-topo

Site: http://www.queness.com/post/241/dock-content-tutorial-with-jquery-and-jquery-easing-plugin

Demo: http://www.queness.com/resources/html/dock/index.html

Licença: Não especificada.