40 impressionantes plugins jQuery que você precisa conferir
A comunidade de desenvolvedores do jQuery deve ser um dos grupos de pessoas mais generosos e esforçados da web. Eles estão constantemente produzindo ferramentas incrivelmente úteis e completamente gratuitas, que compartilham com qualquer pessoa e com quem quiser usá-las.
A quantidade e a qualidade dos plugins jQuery gratuitos simplesmente nunca deixam de me surpreender. Eu tenho mantido uma lista de algumas ótimas que encontrei recentemente e pensei em compartilhar com você. Aqui estão 40 plugins jQuery incríveis e gratuitos que praticamente todos os desenvolvedores da web devem conferir.
Explorar recursos de design
Rolagem
Waypoints do jQuery
Waypoints permite disparar facilmente eventos JavaScript em pontos de rolagem específicos. Você já se perguntou como as pessoas criam esses incríveis efeitos de rolagem? Esta poderia ser sua resposta.
skrollr
Rolagem de paralaxe para as massas. O Skrollr ajuda você com todos os tipos de diferentes efeitos de rolagem, incluindo transformações, mudanças de cor e muito mais.
Gráficos, animações e tabelas
Handsontable
Uma abordagem minimalista para um editor de tabelas semelhante ao Excel em HTML e jQuery. O resultado é impressionante: você definitivamente deve tentar se deseja criar uma planilha interativa.
Sparklines do jQuery
O jQuery Sparklines ajuda a criar pequenos gráficos embutidos que são fornecidos com informações via HTML ou JavaScript.
Trabalho em equipe Gantt
Crie gráficos de Gantt incríveis com o jQuery. Seriamente impressionante para uma ferramenta gratuita.
DataTables
Um plugin jQuery para criar tabelas de dados impressionantes e altamente funcionais. Classificação de várias colunas com detecção de tipo de dados, manipulação inteligente de larguras de coluna e muito mais.
arbor.js
Crie gráficos loucos, futuristas, animados e modulares. Coisas muito legais.
Layout
Wookmark jQuery Plugin
Crie facilmente um layout semelhante ao Msonry, como o visto no Wookmark. Apresentamos isso no Design Shack aqui.
Alvenaria jQuery
A alvenaria jQuery original. A alvenaria organiza os elementos verticalmente, posicionando cada elemento no próximo ponto aberto da grade.
Isótopo
Um plugin de layout incrível que permite grades inteligentes e dinâmicas de itens que podem ser facilmente classificados e filtrados.
FitVids.JS
Um plugin jQuery leve e fácil de usar para incorporar vídeos com largura de fluido.
gridster.js
O Gridster é um plugin realmente incrível que permite criar layouts de grade flexíveis que podem ser reorganizados com o recurso de arrastar e soltar. Você definitivamente deveria tentar este.
Freetile.js
Outro plugin para layout em estilo de alvenaria. Ele permite que qualquer tamanho de elemento seja compactado sem o uso de uma grade de coluna de tamanho fixo, para que você não precise se preocupar em especificar uma largura de coluna apropriada ao tamanho de seus elementos.
Texto
Plugin jQuery TextExt
O TextExt é um plug-in para jQuery desenvolvido para fornecer funcionalidades como entrada de tags e preenchimento automático. Segundo o desenvolvedor, ele foi construído sobre dois valores principais: modularidade e extensibilidade.
Jeditable
O Jeditable permite que você defina certos elementos HTML para serem editáveis pelo usuário. Você pode até configurar diferentes tipos de eventos para ativar os recursos de edição: passe o mouse, clique, clique duas vezes etc.
FitText
Um plugin para aumentar o tipo de web. Na verdade, é possível ter um texto que seja redimensionado com a viewport. Extremamente útil para web design responsivo.
UI legal
Demonstração do jQuery Knob
Este plugin permite que você crie botões circulares muito legais que giram ou se enchem conforme você rola.
noty - Um plug-in de notificação do jQuery
O Noty é um plugin do jQuery que facilita a criação de mensagens de alerta, sucesso, erro, aviso, informações e confirmação como alternativa à caixa de diálogo de alerta padrão. Cada notificação é adicionada a uma fila.
PageSlide
Este plug-in ajuda a criar uma barra lateral deslizante oculta que contém praticamente tudo o que você deseja.
jQuery Collapse
"Este plug-in fornece uma solução acessível e leve para um padrão de interface amplamente adotado conhecido como divulgação progressiva". É uma linguagem sofisticada para um plug-in que permite tornar o conteúdo recolhível.
Avgrund
Caixas modais impressionantes e simples, com um efeito de animação de página muito legal.
Navegação de uma página do jQuery
Navegação e animação com rolagem suave para sites de uma página. Super simples, incrivelmente útil.
jqPagination
Um ótimo pequeno plugin de paginação. Em vez de exibir uma lista de números de páginas como os métodos tradicionais de paginação, o jqPagination usa uma entrada interativa 'Página 1 de 5' que, quando selecionada, permite ao usuário inserir o número da página desejada.
jQuery Joyride Feature Tour Plugin
Este plugin é do ZURB, que é realmente todas as informações que preciso saber que são ótimas. Ele ajuda a criar pequenos textos explicativos que orientam os usuários pelos recursos do site, uma etapa de cada vez.
Dicas de ferramentas
jQuery PowerTip
Um plugin jQuery bastante robusto e poderoso com muitas opções.
embriagado
Outro ótimo plugin de dica de ferramenta. Essa é baseada em oferecer a capacidade de criar dicas de ferramentas no estilo do Facebook.
Slideshows, Imagens e Sliders
Choque do jQuery Slider
Um controle deslizante responsivo notavelmente completo do jQuery / WordPress, com diversas opções, configurações, estilos e funcionalidades. Muito bem documentado também!
Backstretch
O Backstretch cria imagens de plano de fundo dinamicamente redimensionadas e compatíveis com apresentações de slides para qualquer página ou elemento.
jQuery Anystretch
Anystretch é um plugin jQuery que permite adicionar uma imagem de fundo redimensionada dinamicamente a qualquer página ou elemento de nível de bloco. A imagem se estenderá para caber na página / elemento e será redimensionada automaticamente conforme o tamanho da janela for alterado.
jQuery Lightbox
Um lightbox simples baseado em protótipo e scriptaculous.
FlexSlider 2
O FlexSlider é um controle deslizante de imagem responsivo do WooThemes com recursos impressionantes, como animações de slides multidirecionais, marcação semântica, suporte ao toque e a capacidade de incluir qualquer HTML como slide.
Caixa de Cores
Outro plug-in simples de lightbox. Oferece suporte a fotos, agrupamentos, apresentações de slides, ajax, inline e iframed.
Controle deslizante WOW
Literalmente, um dos melhores, mais poderosos e completos recursos da web. É ágil, tem muitas transições diferentes e é embalado com tudo o que você precisa. Vai buscar.
Diversos
Tempo atrás
Carimbos de data e hora rápidos, fáceis e com atualização automática para jQuery. Exemplo: Cerca de um dia atrás.
Validação jQuery
O plug-in de validação do jQuery fornece validação drop-in para seus formulários existentes, ao mesmo tempo em que facilita muito todos os tipos de personalizações para atender ao seu aplicativo.
Demonstração de upload de arquivo jQuery
Um plugin de upload de arquivos bastante robusto para jQuery. Seleção múltipla de arquivos, suporte a arrastar e soltar, barras de progresso e pré-visualizar imagens para o jQuery.
jQuery Instagram
Deseja mostrar um feed do Instagram em sua página da web? Com esta pequena ferramenta, você pode.
Plugin jQuery Shadow
Adicione facilmente todos os tipos de sombras diferentes aos seus elementos HTML. Cada sombra requer muito pouco código para implementar.
Senha nua
Este é ridículo e potencialmente ofensivo, e um pouco hilário. Para incentivar os usuários a implementar senhas fortes, há uma pequena ilustração, cartoony e não detalhada (pense em NES) de um homem ou mulher que se despe gradualmente à medida que a força da sua senha aumenta.
MotionCAPTCHA
Eu odeio tanto CAPTCHAs com palavras mutiladas que escrevi um artigo sobre por que devemos matá-las. Este plug-in fornece uma alternativa única que permite ao usuário ignorar a segurança desenhando formas.
Trânsito do jQuery
Transformações e transições CSS3 super suaves para jQuery. Gire, perspectiva, inclinação, escala e muito mais.
O que eu perdi?
Aqui estão 40 plugins jQuery excelentes para tudo, desde efeitos de rolagem a gráficos e além. Deixe-me um comentário abaixo e conte-me sobre os ótimos plugins que você descobriu, ou melhor ainda, criou recentemente. Deixe um link para que todos possam dar uma olhada.