Os 50 mais úteis plugins jQuery

0
1 Flares 1 Flares ×

Com este post, destacamos os 50 plugins que, sentimos, não são apenas o de mais útil e popular do ano, mas também o mais inovador. Para ajudá-lo a encontrar uma solução específica, nós dividimos todos os plugins nas seguintes categorias: Forma & Validação Plugins, Plugins para Layouts Responsive, sliders, Galerias e carrosséis, Plugins janela modal, móveis plugins específicos, Plugins Tipografia Web, plugins de animação e, finalmente, tudo in-between.

Se você sentir que perdemos nenhum plugin, faça compartilhá-los nos comentários abaixo


Se você sentir que perdemos nenhum plugin, faça compartilhá-los nos comentários abaixo.

Plugins e validação de formulário

Recurly.js


Recurly.js permite criar formas de transações seguras, compatíveis com PCI totalmente personalizável CSS. Recurly.jsDemonstração ?

Formas Ideais


Formas Ideais é uma pequena estrutura para construir poderosas e belas formas on-line. Formas IdealDemonstração ?

Em Campo-Etiquetas


Em Campo-Etiquetas é um plugin simples que transforma adequadamente formatados formulários HTML para formulários com suporte em campo rótulo. Em Campo EtiquetasDemonstração ?

Sísifo


Sísifo permite que você crie Gmail, como do lado do cliente rascunhos, por isso, quando um visitante preencher o formulário fecha a aba / browser e reabre, todas as alterações são salvas e restauradas. SísifoDemonstração ?

jQuery validação Formato de Cartão de Crédito


Validar esperto é um plugin de validação jQuery crédito do cartão, que faz a validação formato de cartão de crédito uma tarefa simples. Ele garante que o usuário entrou número válido de cartão de crédito antes de fazer transação real. Suporta todos os principais cartões de crédito (American Express, Mastercard, Visa, Discover e Diners Club).

jQuery Cartão de Crédito validação do formatodemo ?

MotionCAPTCHA


MotionCAPTCHA é um plugin jQuery que CAPTCHA requer que os usuários esboçar a forma que eles vêem na tela, a fim de enviar um formulário. MotionCAPTCHADemonstração ?

Poder PWChecker


Poder PWChecker é um plugin jQuery livre para garantir senhas seguras para os usuários. Este plugin jQuery simples pode ser integrado de forma transparente com qualquer formulário on-line para verificar a força da senha e dar pistas usuários para criar senhas fortes e seguro. PWChecker PoderDemonstração ?

Dropkick


Dropkick permite criar de forma indolor dropdowns personalizados. Ele também degrada graciosamente para os visitantes em navegadores mais antigos. DropkickDemonstração ?

TagBox Plugin


TagBox é um plugin jQuery para ajudar a adicionar tags de entrada como em suas formas. TagBox PluginDemonstração ?

Plugins para Layouts Responsive

Resposta Javascript


Resposta Javascript é um plugin jQuery leve que dá ferramentas web designers para a construção de desempenho otimizado, móvel-primeiros websites de resposta. Ele fornece formas semânticas para dinamicamente trocar blocos de código com base em pontos de parada e servir de mídia progressivamente através de atributos de dados HTML5. Seus métodos de objeto dar ganchos desenvolvedores para desencadear acções de resposta e booleanos para testar as propriedades de resposta. Resposta JavascriptDemonstração ?

Responsly.js


Responsly.js é um conjunto de widgets de resposta simples, escrito usando CSS3 transformações e disponível como um plugin jQuery. Responsly.jsDemonstração ?

FitVids.js


FitVds.js é leve, plugin fácil de usar jQuery para vídeo largura líquido incorpora. FitVids.jsDemonstração ?

Carrossel dinâmica


Dinâmica do carrossel é uma extensão do carrossel responsivo que funciona com uma disposição responsivo / flexível, ao contrário de muitos outros carrosséis que são valores de uso de pixel em vez de percentagens e, assim, têm tamanhos fixos. carrossel dinâmicoDemonstração ?

Isótopo


Isótopo é um plugin jQuery para inteligentes, layouts dinâmicos. IsotopeDemonstração ?

Elastislide


Elastislide é um carrossel jQuery resposta que vai adaptar o seu tamanho e seu comportamento, a fim de trabalhar em qualquer tamanho de tela. Inserindo o carrossel de estrutura para um recipiente com uma largura de fluido também fará o fluido carrossel. ElastislideDemonstração ?

FlexSlider


FlexSlider é um plugin de controle deslizante totalmente sensível jQuery. FlexSliderDemonstração ?

Mirtilo


Blueberry é um slider imagem jQuery escrito especificamente para trabalhar com layouts fluidos / responsivo web. BlueberryDemonstração ?

Sliders, Galerias e Carrosséus

Slidorion


Slidorion é uma combinação de um deslizante de imagem e um acordeão. Ele exibe belas imagens, juntamente com uma descrição de comprimento variável. Com imagens vinculadas a cada guia, e acompanhado por uma grande variedade de efeitos, o Slidorion é uma ótima alternativa para o controle deslizante jQuery tradicional. SlidorionDemonstração ?

bxSlider


bxSlider é um slider conteúdo jQuery HTML e slideshow da imagem. bxSliderDemonstração ?

Diapo


Diapo é um plugin jQuery slideshow livre. É um projeto open source. DiapoDemonstração ?

Craftyslide


Craftyslide é uma apresentação de slides (apenas 2kb) minúsculo construído sobre jQuery. Craftyslide pretende ser diferente, fornecendo um método simples, sem frescuras de exibir imagens; empacotado em um pequeno plugin, limpa e eficiente. CraftyslideDemonstração ?

Minimit


Minimit Gallery é um plugin jQuery altamente personalizável que faz galerias, slideshows, carrosséis, slides -. Praticamente tudo o que tem múltiplos estados MinimitDemonstração ?

Galleria


Galleria é um framework JavaScript galeria de imagem construída em cima da biblioteca jQuery. O objetivo é simplificar o processo de criação de galerias de imagens profissionais para a web e dispositivos móveis. GalleriaDemonstração ?

Galeria de Imagens jQuery


Como o nome diz, este é um simples jQuery plugin de galeria de imagens. Galeria jQuery ImagemDemonstração ?

rlightbox


rlightbox é um MediaBox jQuery UI que pode exibir muitos tipos de conteúdos como imagens, vídeos do YouTube e Vimeo. Ele tem muitas características únicas, como Panorama e Live Re-size. Assim como outros widgets do jQuery UI, é ThemeRoller pronto. rlightboxDemonstração ?

Carrossel Conteúdo Circular


Este plugin é um carrossel de conteúdo circular. Você terá algumas caixas de conteúdo que podem deslizar infinitamente (circular). Ao clicar no link “mais”, o item respectivo move para a esquerda e uma área de conteúdo irá deslizar para fora. Agora você pode navegar através do carrossel, onde cada etapa irá revelar a caixa conteúdo seguinte ou anterior com o seu conteúdo expandido. Clicando sobre a cruz de encerramento vai deslizar a área de conteúdo expandido de volta e animar o item à sua posição original. Carrossel Circular ConteúdoDemonstração ?

HTML5 Music Player


Um leitor de música simples e limpo HTML5 que é suportado em todos os principais navegadores (mesmo IE7 e IE8). HTML5 Music PlayerDemo ?

Modais Plugins Janela

Revelar


Revelar é um plugin jQuery modal. Você pode configurar modais em apenas três passos fáceis.Anexar os arquivos necessários, cair em sua marcação modal, em seguida, adicionar um atributo para o botão. RevelarDemonstração ?

leanModal


leanModal é um plugin jQuery modal simples que funciona com o CSS. Você pode usá-lo para criar inscrever formulários, modais de conteúdo básico e muito mais. leanModalDemonstração ?

Móveis plugins específicos

Overscroll


Overscroll é um plugin jQuery que imita a experiência de rolagem iPhone / iPad em um navegador. O plugin adiciona um desvio aos elementos arrastáveis ??transbordou DOM, bem como um conjunto de desvanecimento dos polegares “. Funciona na maioria dos navegadores modernos. OverscrollDemonstração ?

Celular jQuery


jQuery Mobile é um framework web toque otimizado para smartphones e tablets. Tem um sistema unificado, baseado em HTML5 sistema de interface de usuário para todos os populares plataformas de dispositivos móveis. Ele é construído sobre o jQuery sólida fundação e jQuery UI. É o código leve é construído com reforço progressivo, e tem um design flexível e facilmente-tema capaz. Móvel jQueryDemonstração ?

PhotoSwipe


PhotoSwipe é livre HTML / CSS / JavaScript galeria de imagens baseada visando especificamente dispositivos móveis. PhotoSwipeDemonstração ?

jQuery.fracs


jQuery.fracs determina a fracção de um elemento HTML que está actualmente no visor, bem como a fracção que leva do visor completa ea fracção da área que pode possivelmente ser visível. Ele também fornece as coordenadas do retângulo visível no elemento do documento, e no espaço viewport. jQuery.fracsDemonstração ?

Tipografia Web

Lettering.js


Lettering.js é uma plugin jQuery para tipografia web radical. Dá-lhe completar down-to-the-letra o controle de seu tipo web. Lettering.jsDemonstração ?

FitText


FitText é um plugin jQuery para inflar tipo web. FitText torna fonte de tamanhos flexíveis. Utilize este plugin em seu fluido ou layout sensível para conseguir manchetes escaláveis ??que enchem a largura de um elemento pai. FitTextDemonstração ?

Efeito Cartas Aleatório


Um breve tutorial para fazer um plugin jQuery que vai embaralhar o conteúdo de texto de qualquer elemento DOM -. Um efeito interessante que pode ser usado em títulos, logos e apresentações Aleatório Cartas EfeitoDemonstração ?

jFontSize


O plugin jFontSize foi desenvolvido para facilitar o processo de criação dos famosos botões A + e A-, que alteram o tamanho da fonte em sites com textos muito grandes, como blogs, revistas, tutoriais, etc Esta ferramenta também é usada para aumentar a acessibilidade de sites, ajudando pessoas que têm problemas visuais a enxergar melhor o conteúdo. jFontSizeDemonstração ?

Plugins de animação

Trânsito jQuery


Trânsito jQuery cria super-lisos CSS3 transformações e transições para jQuery. Trânsito jQueryDemonstração ?

jRumble


jRumble é um plugin jQuery que faz barulho, vibra, treme, e roda qualquer elemento que você escolher. É ótimo para usar como um efeito hover ou uma maneira de direcionar a atenção para um elemento. jRumbleDemonstração ?

E todo o resto …

Lifestream jQuery


jQuery Lifestream é um plugin que permite criar facilmente um fluxo de sua atividade online. Lifestream jQueryDemonstração ?

jQuery Plugin ComboGrid


ComboGrid, como autocomplete, quando adicionado a um campo de entrada, permite aos usuários rapidamente encontrar e selecionar de uma lista pré-populada de valores como tipo, mas de uma forma tabular e paginado. ComboGrid fornece suporte a teclado de navegação para selecionar um item. Plugin jQuery ComboGridDemonstração ?

grumble.js


grumble.js fornece dicas especiais, sem as limitações habituais do norte / leste / sul / oeste de posicionamento. A resmungar pode ser girado em torno de um determinado elemento em qualquer ângulo, todos os 360 graus. Qualquer distância pode ser especificado. Qualquer estilo CSS pode ser aplicado. Não há auto-mágica ajuste de tamanho para uso com o texto localizado. FX filas para animar grumbles múltiplas. E funciona em IE6 +, e os navegadores modernos. grumble.jsDemonstração ?

jQuery Timelinr


jQuery Timelinr é um plugin simples ajuda a dar mais vida aos prazos chato. Ele suporta layouts horizontais e verticais, e você pode especificar os parâmetros para a maioria dos atributos: velocidade, transparência, etc Timelinr jQueryDemonstração ?

deck.js


deck.js é uma ferramenta para fazer apresentações modernas HTML. Slides são HTML básico. O módulo deck.core mantém o controle de estados de slides e estados do convés, deixando CSS para definir o que cada estado se parece e como fazer a transição entre eles. Extensões de usar eventos básicos e métodos para adicionar goodies, dando apresentadores a liberdade de acrescentar o que quer e deixar de fora o que não fazer. deck.jsDemonstração ?

spin.js


spin.js é um girador de carga animado CSS3. Você pode ajustar cada parâmetro único:. Número de linhas, comprimento e largura das linhas, do raio, rastro, a velocidade de fiação, e se há uma sombra ou não spin.jsDemonstração ?

Ninja UI


Ninja UI é um plugin jQuery que permite objetos da interface web de forma eficiente belas e discretamente. Ninja UIDemonstração ?

jquip


jquip é um baixo despojado, mais rápido, mais modular – incluem apenas as partes que deseja – de jQuery. É só o significado (minified e compactado) 4.28KB é apenas 13% dos jQuerys tamanho real, ainda tem 90% das peças realmente úteis de jQuery (o resto podem ser adicionados com plugins, se necessário). 
Você também pode criar jquip personalizável pacotes com a nova Biblioteca jQuip Builder serviço. jquipDemonstração ?

CodeExplorer


CodeExplorer é um explorador de código on-line que exibe o código como uma estrutura de pasta inteira. Este plugin permite a temas diferentes, várias instâncias, modo de tela cheia, conexões github, e muito mais. CodeExplorerDemonstração ?

arbor.js


arbor.js é uma biblioteca de visualização gráfico usando trabalhadores da Web e jQuery. arbor.jsDemonstração ?

boilerplates jQuery

Boilerplate jQuery


Como o nome diz, Boilerplate jQuery é um clichê para o salto de partida para o desenvolvimento jQuery plugins. Este projeto não procurará fornecer uma solução perfeita para todos os modelos possíveis, mas vai tentar cobrir um modelo simples para iniciantes e acima. Boilerplate jQueryDemo ?

Boilerplate Plugin jQuery


Boilerplate Plugin jQuery é outro clichê para o salto de partida para o desenvolvimento jQuery plugins.Ele contém grande quantidade de comentários para ajudar você a ir facilmente. É verdadeiramente orientada a objetos, e ele implementa métodos públicos e privados, bem como propriedades públicas e privadas, tornando-o o candidato ideal para quando a construção simples e complexas plugins jQuery.Boilerplate jQuery PluginDemonstração ?

 

 

1 Flares Twitter 0 Facebook 1 Google+ 0 1 Flares ×

Deixe seu comentário sobre esté Post do Blog

Comente a Publicação