Efeito Descascar Pagina: Tutorial e Plugin

Publicado em June 9th, 2010 na área(s) Javascript

corner-peel

Você provavelmente já viu essas formas de publicidades onde você pode descascar um canto de um site e ver uma mensagem abaixo. SohTanaka fez um tutorial: Simple Page Peel com jQuery e CSS.

Existem também um plugin sob licença MIT disponível.

 

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

Link Plugin: http://www.elliottkember.com/sexy_curls.html

HoverAttribute: Plugin Jquery para Hover Dinâmico

Publicado em June 9th, 2010 na área(s) Javascript

hover-link

HoverAttribute é um plugin jQuery que permite que você crie um (link) dinâmico, fazendo um atributo do elemento ser exibido. Entre as várias opções, é possível escolher qualquer atributo do elemento, para ser exibido.

 

Plugin jQuery de Atributo Hover: http://www.afekenholm.se/hoverattribute-jquery-plugin/

jConfirmAction: Plugin para Criar Box de Confirmação

Publicado em June 9th, 2010 na área(s) Javascript

confirmation-box

jConfirmAction é um plugin jQuery que visa substituir uma caixa de confirmação com uma simples sobreposição. Este plugin irá ajudá-lo a criar uma caixa de confirmação acima do seu link. Basicamente, este plugin vai criar um elemento DIV que contém a caixa.

 

Link Plugin Jquery de Confirmação: http://webstuffshare.com/demo/jConfirmAction/

Plugin Jquery Detecta Mudança Texto

Publicado em June 9th, 2010 na área(s) Javascript

ajax-save 

É um problema comum, você tem uma fomulário de texto que você precisa validar do lado do cliente. É muito fácil fazer isso quando o formulário é enviado, mas em alguns casos, é melhor fazer enquanto ele digita.
Se você deseja detectar mudanças no texto basta utilizar o jQuery ZURB.
Link Plugin Jquery: http://www.zurb.com/playground/jquery-text-change-custom-event

Cloud Zoom: Zoom em Imagens com Jquery

Publicado em June 8th, 2010 na área(s) Javascript

cloud-zoom

Cloud Zoom é um plugin menor que o jqzoom, tem mais recursos e maior compatibilidade entre os navegadores robusto. Foi testado no IE6 +, Firefox, Chrome, Opera, Safari.

 

Você pode adicionar um tom de qualquer cor para a imagem pequena, além da intensidade da cor ser totalmente personalizável.

 

Com ele é possível aplicar um efeito sutil de foco para a imagem pequena e o melhor de tudo, o Cloud Zoom é totalmente gratuito.

 

http://www.professorcloud.com/mainsite/cloud-zoom.htm

Lightbox_me: LightBox Super Simples

Publicado em June 8th, 2010 na área(s) Javascript

lightbox-me

Alguma vez você já quiz um lightbox simples, sem frescuras, sem milhões de configurações? então a resposta para essa pergunta é o Lightbox_me. O Lightbox_me é uma ferramenta essencial para a caixa de ferramentas do desenvolvedor que utiliza jQuery.

 

O Lightbox_me redimensionar automaticamente quando a janela é redimensionada. Pesa pouco mais de 1000 bytes compactado. Foi testado em IE 6 +, Firefox 2.5 +, Safari, Chrome.

 

Link do Plugin: http://buckwilson.me/lightboxme/

Plugin de Notificação com Jquery

Publicado em June 8th, 2010 na área(s) Javascript

jquery-notify1

Pines é um plugin de notificação JavaScript para a biblioteca jQuery, desenvolvido por Hunter Perrin e projetado para fornecer o máximo de flexibilidade, enquanto continua a ser fácil de usar e fácil de implementar.

 

O plugin usa o jQuery UI CSS para o seu estilo e aparência, incluindo cores e texturas de fundo.

 

Link do Plugin: http://pines.hg.sourceforge.net/hgweb/pines/pnotify

DataGrid com Jquery Via Ajax

Publicado em June 8th, 2010 na área(s) Javascript

compass-datagrid

Datagrid Compass é um plugin para jQuery, que exibi dados dentro de um datagrid com ajax. No html é inserida uma tabela vazia, e as solicitações são enviadas para um script via Ajax.

 

O datagrid possui paginação e suporte aos botões anterior e próximo e também uma caixa de listagem para selecionar uma página específica, onde o número de itens por página pode ser definido. Também é possível ordenar as colunas, esconder qualquer uma delas e atualizar os dados com um clique.

 

O plugin pode trabalhar com qualquer linguagem de script (um script PHP de exemplo vem com o download).

Link do Script: http://www.compasswebpublisher.com/jquery/compass-datagrid

criar menu estilo bolha com jquery

Publicado em May 10th, 2010 na área(s) Javascript, Tutoriais

bubble-navigation

divida listas em colunas com jquery

Publicado em May 5th, 2010 na área(s) Javascript

easy-list-splitter

Para mantê-lo o plugin mais simples e flexível quanto possível, não foram definidas regras CSS ou larguras de coluna no JavaScript. O plugin simplesmente gera códigos válidos e limpos, flutuando as listas da forma que você deseja.

O plugin pega a sua lista, envolvê-a em uma div container e uniformemente dividi a  sua lista da forma que deseja. Se os itens da lista não forem suficientes para preencher uniformemente todas as colunas, o plugin irá esconder as colunas em excesso.

Você pode ver a Easy List Splitter Plugin em ação aqui e baixa-lo aqui

Funcionalidades:

  • Divida qualquer lista ordenada (OL) ou desordenada (UL)
  • Defina o número de colunas em que você quer que sua lista seja dividida
  • Possibilidade de mais de uma lista na mesma página, e definição de número de colunas diferentes para cada uma delas
  • O CSS é completamente separado do javascript. Você pode modificar o padrão de uma ou cria a sua própria
  • Uma classe "final" será adicionada a cada UL ou OL, passado de modo que você pode facilmente remover padding, margens ou bordas.
  • Agora você pode escolher se quer os itens organizados de forma vertical ou horizontal
  • Não há necessidade de alterar o seu HTML. Basta direcionar a sua lista usando os seletores da JQuery.

http://www.madeincima.eu/samples/jquery/easyListSplitter/

-