50 Novos e Inovadores plugins jQuery

0
6 Flares 6 Flares ×

Neste showcase eu coloquei mais de 30 diferentes plugins jQuery vale a pena mencionar a todos os desenvolvedores web. Desenvolvendo uma interface do site pode ser difícil e, certamente, requer precisão cuidadosa. Desenvolver em cima de qualquer projeto de código aberto significa que você não está reinventando a roda. Além disso, você não é o único à esquerda para pegar erros no código. E uma vez que jQuery é uma das bibliotecas JavaScript mais estáveis ??disponíveis, esses plugins muitas vezes trabalham lado a lado para proporcionar uma experiência de usuário contínua.

Sensível ao toque amigável Audio Player

Este player de áudio adequada é o exemplo perfeito do jQuery no trabalho. Basta incluir os códigos de plugins e criar qualquer elemento típico de áudio HTML5. Este será automaticamente convertido em um player de áudio sensível ao toque com uma interface deslumbrante CSS3.

open source áudio player plugin jQuery

Sidr

E agora, este efeito pode ser replicado para sites usando apenas jQuery e o plugin Sidr. Confira a demonstração ao vivo e ver como isso poderia trabalhar em seus próprios projetos.

abertura lateral de navegação do menu do plugin

Image Loader

A demonstração ao vivo é um excelente exemplo de como você pode aplicar isso ao seu website.

ImageLoader pré-carregamento de imagens plugin jQuery

Amostras

Gerando o seu próprio esquema de cores pode ser difícil e esta é uma ferramenta de código aberto exclusivo para o trabalho.

jquery cor swatches valor hexadecimal do plugin

Hot on Facebook

Hot no Facebook terá uma URL e verificar o número total de ações FB. Em seguida, ela será exibida na página como um compartilhamento de mídia social crachá.

quente no facebook plugin jQuery open source

Toolbar.js

O script Toolbar.js open source é bastante fácil de executar, mas tem suas limitações. Este plugin irá criar um pequeno menu tooltip do ícone ligações que aparecem em qualquer elemento que você escolher.

Toolbar.js plugin jQuery javascript open source

jQuery Super Dica

Quanto à manipulação regulares tooltip paira você pode considerar Super Dica jQuery. Esse é um novo plugin lançado como open source no Github.

open source jquery Powertip dicas Plugin

jqTimeline

O plugin jQtimeline oferece uma funcionalidade muito original que eu nunca vi antes. Você pode construir uma linha do tempo horizontal com data de configuração de eventos em toda a lista.

open source cronograma plugin jQuery dinâmica

Swipebox

O plugin Swipebox é um celular sensível galeria de imagens jQuery. Isto é especialmente projetado para aplicações web móveis e sites que são feitas sensível para smartphones e tablets.

móvel sensível swipebox plugin jQuery

Mixitup

Mixitup tem um monte de várias opções personalizadas e eu diria que este é mais perto de um plugin jQuery intermediária.

image css3 jquery classificação portfolio galeria de listagem do plugin

Spellchecker jQuery

Este plugin jQuery oferece uma solução diferente, onde você pode editar a função de retorno de chamada para apresentar o vocabulário relacionado. É um plugin ousado que é completamente livre para usar, mas também exige um pouco de personalização para começar a trabalhar corretamente.

jQuery plugin de código fonte aberto verificação ortográfica

ScrollUp

ScrollUp está no meu top 5 novos plugins favoritos apenas para a sua facilidade de uso e estilos pré-construídos.

scrollUp plugin de códigos de fonte aberta jquery

Nod Frontend Validation

Nod é um plugin de validação frontend para as formas de entrada HTML. Usando jQuery você pode configurar a base real para o que é considerado bom e mau de dados, em seguida, verifique estes valores depois que o usuário envia o formulário. Ele não vai passar até que todos os critérios sejam atendidos.

jquery aceno frontend formulário de validação plugin de código aberto

Select2

Selecione menus suspensos sempre foram presos em seus próprios estilos CSS. Há alguns on-line as mensagens que mergulhar em personalizar o seu próprio menu de seleção, mas muitas vezes não é suportado por todos os navegadores.

select2 campos de entrada do menu dropdown abrir plugin de fonte

Tooltipster

Além de outro ótimo plugin jQuery dica, eu tenho que recomendar Tooltipster para sua base de código alternativa. Eu tenho usado Tooltipster em alguns projetos e funciona apenas como descrito.

jquery open source dicas web design jq plug-in

Vórtice

Este estranho plugin-estilo carrossel permite que você crie um painel rotativo dinâmica de elementos. O plugin jQuery Vortex é relativamente novo, e ainda há atualizações sendo aplicadas em uma base regular.

jquery open source vórtice plugin do carrossel girando

iCheck

iCheck é um dos melhores plugins jQuery que eu já encontrei para atualizar seus campos de entrada. Caixas de seleção e botões de rádio vai receber um visual totalmente novo, quando você escolhe a pele adequada e estilo de cor.

campos de entrada iCheck menus de forma plug-in

Scroller Lista

ALS ou qualquer Scroller List é um plugin jQuery típico para slideshows de imagem. Mas, em vez de exibir as imagens em uma visão maior, eles são rodados como alguns itens típicos homepage rolar container.

als lista de recursos do plugin conteúdo rotação jquery

Tumbo

Tumbo é um plugin bastante rudimentar para exibir rapidamente um feed de seu blog Tumblr. Isso pode ser atualizado para exibir o conteúdo de qualquer blog Tumblr apenas usando a URL subdomínio.

tumbo Tumblr tema api puxando conteúdo plugin jQuery

Spectragram

Falando de APIs – este plugin Spectragram é um método rápido para acessar fotos off Instagram.

instagram api spectreagram jquery plugin de código aberto

Stripe jQuery

O plugin jQuery Stripe oferece uma galeria de imagem mais tradicional. Cada foto só será exibido como uma pequena lasca vertical que você pode clicar para mostrar a imagem inteira.

abertura lateral de navegação do menu do plugin

SocialCount

SocialCount lida com outra característica estranha que não recebo um monte de pedidos. Este plugin permite que você rapidamente puxar os números para o Twitter, Facebook, Google+ e ações.

sociais contagem Widgets botões plugin jQuery

Plugin barra de rolagem personalizada

Personalizado jQuery barra de rolagem é um plugin fascinante que merece muita atenção. Isso foi em linha por um bom tempo agora, mas os efeitos ainda nunca deixam de surpreender.

open source personalizado barra de rolagem plugin de demonstração de tela

Smallipop

Smallipop é mais um belo jQuery tooltips plugin. Você deve olhar para alguns dos exemplos para ver como isso seria implementado.

jquery open source plugins smallipop dicas

jPanel Menu

jPanelMenu é outro plugin jQuery popular para usar um sistema de navegação móvel. Você pode incluir rapidamente esses códigos no seu site para adicionar os efeitos em qualquer página.

jquery jpanelmenu open source plugins de navegação

Intro.js

Intro.js é uma introdução plugin de visita guiada para jQuery. Há um monte de opções e configurações personalizadas que você pode escolher, mas isso também permite um desempenho mais original website.

introdução visita guiada website funções plugin jQuery

Lightbox_me

A lista de shadow boxes e caixas de luz tem crescido muito desde 2011. Eu acho que o Lightbox_me plugin jQuery é outro belo exemplo deste recurso.

lightboxme lightbox shadowbox pop-up plugin jQuery

jQuery Carousel

Eu acho que o Carousel jQuery abitgone é definitivamente uma opção peculiar. Isto irá exibir prev / next links corretos dentro da div imagem encapsular todas as outras imagens.

jq desenvolvimento de plugins jQuery imagens do carrossel de código aberto

Superbox

Você está familiarizado com a forma como o Google Images atualmente exibe os resultados? Isto é como jQuery Superbox funciona usando suas próprias imagens estáticas.

jquery galeria de imagens Superbox mostrar open source

KGallery

KGallery é outra galeria de imagens jQuery bonita com características de slideshow. Os ícones padrão não são permanentes e, obviamente, você pode atualizar os outros bits de interface de usuário. O que realmente me chama a atenção é a opção para incluir miniaturas de imagens menores dentro do projeto galeria. É um plugin bastante simples de configurar e eu recomendaria testar a demo ao vivo para ver como você se sente sobre a sua implementação.

kgallery interface do plugin jQuery open source

Litelighter jQuery

Abundância de grandes marcadores de sintaxe foram liberados ao longo dos últimos anos.

jquery Lite mais leve destacando código sintaxe

bxSlider

bxSlider simplesmente tem uma das melhores experiências de usuário para um slideshow de imagens. Você pode implementar esse direito em sua homepage ou em qualquer outra página do site.

deslizante jquery plugin de bxslider responsivo

MeanMenu

O plugin Mean Menu é uma nova versão e certamente vale a pena. Eu realmente gosto de como o design de navegação padrão será automaticamente redimensionada com base no número total de links internos.

responsivo meanmenu plugin jQuery open source

1. mailcheck.js

mailcheck.js

Sugere que o domínio certo quando os usuários cometer erros de ortografia em um endereço de e-mail. Ele reduziu saltos e-mail para confirmação de inscrição por 50% a Kicksend.com. 

2. Timeline

Timeline jQuery

Prazos que são fáceis e intuitivos de usar muito bem trabalhada. Também é ótimo para puxar em mídia de diferentes fontes. Ele tem suporte embutido para puxar em Tweets e de mídia do Twitter, YouTube, Flickr, Vimeo, Google Maps e SoundCloud. 

3. Hammer.js

Hammer.js

Uma biblioteca JavaScript para gestos multi-touch. 

4. Parallax Content Slider

Parallax Content Slider

A barra de paralaxe simples com diferentes animações CSS3 para cada elemento deslizante e um efeito de paralaxe fundo. 

5. TypeButter

TypeButter

TypeButter permite definir o kerning óptico para qualquer fonte em seu site. Se você está ansioso para lindamente texto que os navegadores de hoje simplesmente não fornecer, este é o plugin para você! 

6. Adipoli

Adipoli jQuery Imagem Hover Plugin

Um simples plugin utilizado para trazer elegantes efeitos de focalização de imagens. 

7. Credit Card Validator

Cartão de Crédito Validator

Detecta e valida números de cartão de crédito. Ele vai dizer-lhe o tipo de cartão de crédito detectado e se o comprimento do número e soma Luhn são válidos para o tipo de cartão. 

8. Camera

Câmera

Um plugin de slideshow com efeitos de transição linda e funciona muito bem com layouts responsivos. 

9. TOC

TOC

Um plugin que irá gerar automaticamente uma tabela de conteúdos para a sua página. 

10. Doce Tooltip

Tooltip doce

Uma dica de ferramenta baseada em CSS3, e não apenas uma dica de estilo um, mas sete. É uma dica de estilo independente, assim, para uso futuro, você pode criar uma dica de estilo adequado com o projeto que você está trabalhando. 

11. IPicture

IPicture

Um plugin para criar fotos interativas com descrições adicionais. 

12. filtrify

filtrify

Um plugin de filtragem tag avançada, você pode pesquisar marcas dentro de tags e itens de filtros por várias marcas de diferentes categorias e obter um feedback ao vivo sobre o número de itens que contêm marcas relacionadas. 

13. wPaint

wPaint

Um pequeno plugin de tinta que permite desenhar uma imagem usando algumas ferramentas básicas que fornecem capacidade de carregar e salvar as imagens tiradas. É baseado em HTML5 canvas e vai exigir um navegador com suporte para isso.

14. Retina jQuery

Retina jQuery

Imagens que não são retina olhar otimizados explodido e fuzzy em dispositivos retina. Portanto, este plugin é criado para trocar a fonte de imagem para uma imagem que é dimensionada para monitores da retina. 

15. jqFloat.js

jqFloat.js

Um plugin que pode fazer todos os objetos HTML parece estar “flutuando” em sua página web. 

16. releasenotes.js

releasenotes.js

Escrevendo notas de lançamento é doloroso! Assim, este plugin tem o trabalho duro e se conecta diretamente com seu repositório GitHub e tritura-se algumas notas de lançamento para você usando suas metas, questões e comentários. 

17. autoComplete.js

autoComplete.js

Preenchimento Automático é um plugin jQuery Mobile, que permite aos desenvolvedores adicionar caixas de pesquisa autocomplete para o seu projeto. 

18. Intelligist

Intelligist

Este plugin faz com que seja fácil de compartilhar e de demonstração de código em páginas, com GIST GitHub.

6 Flares Twitter 1 Facebook 2 Google+ 3 6 Flares ×

Deixe seu comentário sobre esté Post do Blog

Comente a Publicação