Top 50 plugins gratuitos e tutoriais para jQuery
13 de fevereiro de 2011
jQuery, para os que não conhecem, é uma biblioteca Javascript que torna a vida dos programadores e webdesigners, que trabalham com Javascript, muito, mas muito mais fácil! Se vocênão conhece, sugiro dar uma lida nesse ótimo artigo (em inglês) jQuery para designers.
A comunidade em torno do jQuery é muito grande e muito ativa; os desenvolvedores estão sempre criando novos plugins com as mais diversas funcionalidades e disponibilizando para outros desenvolvedores na internet.
Aqui estarei listando 50 dos melhores plugins gratuitos que já encontrei. Observações sobre a lista: ela não está em ordem e os plugins que não possuem “demonstração online” ao lado é porque o exemplo se encontra na mesma página.
- jQuery Corners (demonstração online)
Crie bordas arredondadas facilmente. - jQuery plugin: Treeview (demonstração online)
Crie facilmente um menu no formato “Treeview”. - Jcrop (demonstração online)
Plugin para cortar fotos com jQuery. - Galleriffic (demonstração online)
Galerrific é um plugin para jQuery que permite que você crie uma galeria de fotos super rápida. - Simple Star Rating System
Crie um sistema de avaliação, com estrelas, facilmente. - jQuery lightBox plugin
O famoso lightbox. - FaceBook Like – jQuery and autosuggest Search Engine (demonstração online)
Plugin para criar um autosuggest com um design baseado no do Facebook. - jQuery sIFR Plugin
Este plugin permite que você substitua um texto com um fonte default pelo mesmo texto com uma fonte customizada. - jQuery plugin: Accordion (demonstração online)
Plugin para criar menus no estilo Acordião. (veja o exemplo online para entender melhor) - Tutorial: Crie uma interface com tabs (demonstração online)
Um tutorial que ensina a criar uma interface com tabs com ajuda do jQuery. - ThickBox (demonstração online)
É como um lightbox mas que funciona para todo tipo de conteúdo: imagem, galeria de fotos, iFrame, texto, formulários e puxar conteúdo via AJAX. - Table Sorter Plugin
Plugin que permite que o usuário ordene uma tabela automaticamente (sem atualizar a página) de acordo com o campo clicado. - Tutorial para justificar elementos via jQuery e CSS
Aprenda a justificar perfeitamente diferentes elementos via jQuery e CSS. - Jquery Slider
Crie facilmente aquele efeito do conteúdo sendo deslizado ao clicar em algum link. - prettyComments
Acabou o problema com seus inputs de texto e textareas; agora o comprimento delas vai aumentando enquanto os usuários vão digitando. - Masked Input Plugin
Coloque máscaras para datas, telefones, CEP etc nos inputs de uma maneira super simples. - jQZoom (demonstração online)
O usuário terá uma visão ampliada de uma imagem ao passar o mouse sobre ela. (funciona como uma lupa) - jWYSIWYG
Um editor WYSIWYG em jQuery fácil de ser chamado e com poucas ferramentas. - Tutorial para criar um menu no estilo de porta de garagem (demonstração online)
Aprenda a criar menus desse tipo. - TableRowCheckboxToggle (demonstração online)
Permite adicionar a função “toogle” em uma linha de uma tabela. - jQuery Corner Demo
Adicione bordas arredondadas e diversos outros tipos de canto nos elementos da sua página. - jQuery Flash Plugin
Acabou o problema para inserir flash na sua página de maneira válida. - Pagination (demonstração online)
Crie uma paginação para uma lista enorme de itens. - DynaCloud
Plugin que gera uma nuvem de tags ou palavras-chave de um texto ou de alguma página. - EasyDrag jQuery Plugin
Permite que você possa dar a habilidade de selecionar e arrastar a praticamente qualquer objeto da sua página. - JCarousel (demonstração online)
Crie um carousel de imagens facilmente com JQuery. - Tutorial para criar um belo menu com sub-itens (demonstração online)
Plugin para cortar fotos com jQuery. - Slider Gallery (demonstração online)
Uma galeria de imagens, com um slider, similar à do site da Apple. - Tutorial para criar um header igual ao do Digg (demonstração online)
Um ótimo tutorial que abusa do CSS e do jQuery para criar um header semelhante ao do Digg, com direito à menus com sub-menus e tudo mais. - Drop Shadows
Crie um efeito de drop shadow via jQuery. - Flexi Grid
Um poderoso plugin para se mostrar e editar um grid (tabela) com diversas linhas e colunas para o usuário. - jQuery Multimedia Portfolio (demonstração online)
Um plugin para criar um portfolio que suporta diferentes tipos de media: fotos, áudio e vídeo; detectando automaticamente a extensão de cada um para aplicar o respectivo player. - Accessible slider (demonstração online)
Um controle no formato de um slider pra você usar na sua aplicação web. - Simple Effects Plugins
Permite que você adicione efeitos em seus objetos de uma maneira super simples. Efeitos como “toogle”, esconder, mostrar, fade-in e fade-out e slide. - jQuery Nice Form
Estilize os elementos do seu formulário facilmente com esse plugin. - Humanized Messages (demonstração online)
Plugin para exibir mensagens de feedback para os usuários. - HoverAccordion
Um menu no formato acordião que funciona com mouse over. - jQuery.ScrollTo (demonstração online)
Plugin para fazer um scroll até um elemento específico na página. - Facebox
Uma lightbox inspirada no design do facebook, permite carregar imagens, divs ou páginas inteiras. - jQueryColorPicker
Um plugin para facilitar o usuário na hora de escolher uma cor. - jQuery AlphaNumeric
Previna que o usuário insira algum tipo de caracter dentro de um input. - Another In-Place Editor (demonstração online)
Plugin que transformará qualquer elemento em um campo editável. - Featured Content Glider
Plugin para criar seções com o conteúdo de destaque no site, com slideshow e tudo mais. - Gradient jQuery plugin (demonstração online)
Permite que você crie e insira gradientes facilmente nos elementos do site. - Cookie Plugin for jQuery
Um plugin para facilitar o uso de cookies. - Date Picker
Plugin que permite ao usuário escolher uma data através de um pequeno calendário. - Tutorial para criar um header com fade (demonstração online)
Tutorial que ensina a criar um header com fade-in durante o hover e fade-out quando o usuário tira o mouse de cima do header. - JQuery Cycle Plugin (demonstração online)
Plugin que permite adicionar diversos efeitos de transição entre fotos e imagens. - jTruncate (demonstração online)
Plugin para fixar um limite de caracteres em uma div e colocar um link do tipo “leia mais” que irá expandir a div sem refresh. - Farbtastic
Cria um controle do tipo paleta de cores onde o usuário poderá fazer a sua seleção.