Imagem post: Novos plugins jQuery e bibliotecas JavaScript
Javascript

Novos plugins jQuery e bibliotecas JavaScript

Animações, slides, fotos, templates e compartilhamento estão nessa lista de plugins jQuery e bibliotecas JavaScript que foram destaque nesta primeira metade de 2012.

Por
18

Confira uma lista de plugins e bibliotecas JavaScript que foram destaque nesta primeira metade do ano.

jQuery Transit

http://ricostacruz.com/jquery.transit

Este plugin jQuery é uma espécie de wrapper para animações e transições CSS3. Possui a mesma sintaxe do método animate e permite transformar diferentes propriedades de um elemento: eixos X e Y, perspectiva, girar simulando 3D etc.

Curtain.js

http://curtain.victorcoulon.fr

O plugin Curtain.js permite a criação de sites e aplicativos com múltiplas camadas. O efeito de transição simula uma cortina (daí o nome!). Possui opções que permitem personalizar a velocidade e o tipo da animação e habilitar a navegação via teclado.

Balloons.IO

http://gravityonmars.github.com/Balloons.IO

E que tal um chat desenvolvido em node.JS e Redis? O aplicativo Ballons.IO ataca tanto de servidor como de cliente. A autenticação dos usuários é feita através do Twitter, já a instalação, por se tratar também de um servidor, requer um conhecimento um pouco mais avançado.

Mailcheck

https://github.com/Kicksend/mailcheck

Segundo o pessoal da Kicksend, o plugin Mailcheck reduziu em 50% a taxa de retorno de inscrições na sua mailing list. O que ele faz é sugerir domínios corretos quando o usuário digita um domínio inválido. Por exemplo, digitando “hotnail” o plugin automaticamente sugere a correção para “hotmail”.

TimelineJS

http://timeline.verite.co

Depois da implementação do Facebook, o conceito de linha do tempo virou uma nova tendência. Essa biblioteca JavaScript permite a fácil criação de uma timeline que consome diretamente de um documento publicado no Google Docs ou de uma objeto JSON. Também disponível como plugin para WordPress.

buildr

http://mlanza.github.com/buildr

O plugin buildr é voltado para aqueles que preferem código a templates na hora de retornar HTML. O que ele faz é transformar tags HTML em métodos que retornam um objeto jQuery com a tag especificada.

turn.js

http://www.turnjs.com

Muitos devem conhecer aquele efeito de revista desenvolvido em flash. O turn.js é um plugin que possibilita o mesmo efeito utilizando jQuery e permite a criação de revistas e livros online.

Sequence

http://www.sequencejs.com

O diferencial do Sequence em relação a outros sliders é o fato deste plugin não forçar nenhum tema, ou seja, seu nível de personalização é muito alto e bastante flexível. Além disso, o Sequence já vem com suporte nativo a dispositivos de toque e layouts responsive.

gmaps.js

http://hpneo.github.com/gmaps

O gmaps.js é um plugin jQuery para interagir com a interface do Google Maps de forma mais simples. Possui todos os recursos da API do serviço aliados à simplicidade do jQuery. Inclui ainda suporte a Geolocation.

Glisse.js

http://glisse.victorcoulon.fr

Glisse é (mais) um plugin jQuery para visualização de fotos. Ele utiliza recursos avançados de CSS3, incluindo keyframes. Possui suporte a layouts responsive, navegação no teclado e visualização em full screen.

jurlp

https://github.com/tombonner/jurlp

Jurlp, ou jQuery URL Parser, é um plugin para extrair informações, filtrar e manipular URLs. É ideal para obter dados de atributos href e src. Permite também a criação de links automáticos a partir de URLs encontradas no texto.

jQuery Scroll Path

http://joelb.me/scrollpath

O plugin Scroll Path possibilita a criação de caminhos personalizados para o scroll da sua página/aplicação utilizando o elemento canvas. Vem acompanhado de uma scrollbar customizada.

Socialite.js

http://www.socialitejs.com

Para finalizar, uma biblioteca JavaScript para implementar diversos botões de compartilhamento social. O destaque fica para as diferentes possibilidades de carregamento melhorando assim a performance do seu site.


  • http://www.udgwebdev.com/ Caio Ribeiro Pereira

    Cara sensacional esse post! O Ballon.IO e Mailcheck foram as melhores recomendações!

  • http://twitter.com/vandersonn Vanderson

    Muito bom, gostei do gmaps e buildr.

  • Cesimar Xavier

    Davi, muito bacana seus posts sobre Jquery… Todos que você mostrou são fantásticos.. Vlw

  • http://twitter.com/TaisaDSilva Taisa Silva

    Ótimas bibliotecas…

  • Tiscyara

    Muito bom, gostei de todas.

  • Cleverson ferreira

    Muito boa as bibliotecas…so não gostei que a turn.js é paga.

  • http://twitter.com/msmafra Marcelo dos S. Mafra

    Infelizmente devido ao famigerado IE algumas as que gostei não poderei usar, pois não funcionam no IE8 a Transit até exige o IE 10. Maldito seja IE!
    Sejamos radicais http://www.forgetfoo.com/?blogid=14259 :D

  • http://www.jogosdochaves.org/ Emidio Braga

    Estes plugins são realmente de grande utilidade para webmasters. Basta usá-los correctamente.

  • http://tutsmais.com.br/ @felquis

    Muito bom, valeu :D

  • Fabio Rod

    Grande Davi.

    Mano, você sabe sobre gráficos??? Tem como me dá uma ajuda???

    Valeu

  • Gabriel Rubens

    Hehehe em breve vou ver também o meu plugin Animelt (
    https://github.com/grsabreu/Animelt-Plugin ) no meio dos grandes. Citando que ele faz animações complexas de uma forma bem melhor que o plugin Transition

  • http://twitter.com/grsabreu Gabriel Rubens

    Hehehe em breve vou ver também o meu plugin Animelt (
    https://github.com/grsabreu/Animelt-Plugin ) no meio dos grandes. Citando que ele faz animações complexas de uma forma bem melhor que o plugin Transition

  • Pingback: Mailcheck | saviomd.com/blog

  • jonas

    show esta dicas

  • Pingback: Socialite.js | saviomd.com/blog

  • Marcelino

    Ai sim hein!

    Comecei a aprender a fazer sites agora, primeira coisa que fiz foi abrir a referencia do HTML5 do w3c e fazer 1 págica com todas as tags html/5 que os browsers suportam, e ja estou fazendo com o novo metadata SCHEMA, to ficando crack em CSS3 agora, e jaja to no JS surfando com CANVAS e depois botando o servidor pra OWNAR com PHP, LOL!

  • Bruno

    Muito bom hein…
    Só faltou um de customização de tags, tipos select, radio e etc… hehehhe!!

  • http://www.facebook.com/marques.abraao Abraão Marques

    Ótimo conteúdo! Sensacional!!!

Mais artigos