Cada designer sabe que jQuery não é apenas uma ferramenta útil, mas também é muito popular e amplamente aplicada. Assim, eles tentam dominar suas habilidades  jQuery . Se você se encaixa nesta categoria, então este post de mais de 40 plugins jQuery frescos e fresco e tutoriais é para você. Esta vitrine deve permitir que você pegue algumas das técnicas necessárias para desenvolver um site mais interativo e visualmente atraente com jQuery e aproveitar o poder desta ferramenta.

Quando você sai do outro lado desta coleção e acabar aprendendo tudo que esses plugins e tutoriais atirar em você, esperamos que o uso de jQuery será uma tarefa muito mais simples. Que venha a traduzir-se em clientes mais satisfeitos e usuários. Divirta-se!

Nota : Você já pré-ordenada a sua cópia de nosso Livro Smashing Impresso # 3 ? O livro é um guia profissional sobre como redesenhar sites e também introduz uma mentalidade totalmente nova para Web design progressivo, escrito por especialistas no setor para você.Pre-order agora e adicione seu nome no livro!]

Recursos jQuery

Verificação de senha de força com jQuery ( Demonstração | Combater o Tutorial ) 
Neste tutorial, vamos construir um formulário que dá ao usuário um feedback ao vivo para saber se sua senha foi suficientemente preenchidos os requisitos de complexidade, vamos estabelecer.

Screenshot

Criar uma interface de Windows-like com jQuery UI ( Demonstração | Visite a Fonte ) 
Neste tutorial, você aprenderá como utilizar jQuery UI para criar uma interface de usuário altamente funcional sem usar qualquer outra coisa. No final, você deve estar familiarizado com jQuery UI, alguns de seus componentes, e conhecimento básico de personalização jQuery UI.

Screenshot

Akordeon ( Demonstração | Visite a Fonte ) 
Akordeon é totalmente customizável e pode ser usado para exibir grandes volumes de dados (texto, imagens, etc) em um espaço limitado. Por exemplo, você pode usá-lo para exibir dados categorizados ou opções de menu apenas como itens de menu de um restaurante com os dados de cada categoria é exibido em um painel separado.

Screenshot

Rápido e simples links caixa de menu de navegação: BoxyMenu ( Demonstração | Visite a Fonte ) 
BoxyMenu é um plugin de menu simples e rápida de navegação que torna sem problemas em todos os principais navegadores. É simples de personalizar e pode ser conectado a qualquer site ou aplicativo web.

Screenshot

Efeito item Blur com jQuery e CSS3 ( Demonstração | Visite a Fonte ) 
Com este plugin jQuery você pode criar um efeito de borrão simples para o texto-base de itens. A idéia é ter um conjunto de caixas de texto que vai ficar desfocada e reduzida, uma vez que pairam sobre eles. O item em foco será ampliado para cima.

Screenshot

jQuery Tooltips limpo e simples: Gips ( Demonstração | Visite a Fonte ) 
Gips é um plugin jQuery limpa e simples. Totalmente personalizável e fácil de usar. Ele também suporta temas CSS.

Screenshot

Efeito Desfoque Fullscreen Imagem com Html5 ( Demonstração | Visite a Fonte ) 
Com este plugin jQuery você pode criar uma exibição de imagem em tela cheia com a navegação em miniatura e um efeito de borrão transição para as mudanças de imagem suave.

Screenshot

Plugin jQuery para on-demand caixa de pesquisa: SeacrhMeme ( Demonstração | Visite a Fonte ) 
Este plugin jQuery é chamado SearchMeme – a idéia é fornecer um botão de pesquisa de pequeno porte que pode ser colocado em qualquer lugar no site. Clicando no botão de pesquisa se ??expande para mostrar uma caixa de texto onde você pode digitar seus termos de pesquisa.

Screenshot

Multi-Level Menu de jQuery hierárquica: jQSimpleMenu ( Demonstração | Visite a Fonte ) 
jQSimpleMenu é um multi-nível queda jQuery hierárquica no menu que ajuda você a adicionar menus suspensos em seu site, sem escrever uma única linha de código.

Screenshot

Fazendo uma contagem regressiva jQuery ( Demonstração | Visite a Fonte ) 
Com este plugin jQuery você pode exibir uma contagem regressiva. Ele vai mostrar os restantes dias, horas, minutos e segundos para o seu evento, bem como uma animação atualizações a cada segundo.

Screenshot

Impressionante jQuery plugin de rolagem pavimentos ( Demonstração | Visite a Fonte ) 
Um plugin jQuery para fazer pavimentos apresentação de rolagem com total facilidade.

Screenshot

jQuery Menu de Lista de itens como display do iPhone ( Demonstração | Visite a Fonte ) 
Um jQuery plugin que permite exibir os itens da lista de uma forma semelhante a uma tela inicial do iPhone. Se a contagem de itens exceder o número de itens exibidos em uma tela, os usuários podem bater através das telas.

Screenshot

Galeria 3D com CSS3 e jQuery ( Demonstração | Visite a Fonte ) 
Com este plugin jQuery você pode criar uma galeria excelente 3D com CSS3.

Screenshot

Controle Knob brilhante com jQuery e CSS3 ( Demonstração | Visite a Fonte ) 
Com este plugin jQuery você pode criar um controle brilhante nodosa, com CSS3 transformações e novo evento do jQuery métodos de manipulação para dar aos visitantes do seu site uma nova maneira de forma interativa escolhendo um valor entre um intervalo.

Screenshot

Arctext.jp – Curvar Texto com CSS3 e jQuery ( Demonstração | Visite a Fonte ) 
Enquanto CSS3 nos permite girar cartas, é bastante complicado para organizar cada letra ao longo de uma trajetória curva. Arctext.js é um plugin jQuery que permite que você faça exatamente isso. Com base em Lettering.js, calcula a rotação para a direita de cada letra e distribui as cartas igualmente entre o arco imaginário do raio dado.

Screenshot

Plugin jQuery para a imagem rotativa ( Demonstração | Visite a Fonte ) 
Com este plugin jQuery você pode criar uma imagem incrível girando com o simples clique do mouse.

Screenshot

Efeito Miniatura Proximidade com jQuery e CSS ( Demonstração | Visite a Fonte ) 
Com este plugin jQuery você pode criar um efeito de proximidade puro miniatura com jQuery. A idéia é miniaturas escala quando pairando sobre eles e também escalar miniaturas seus vizinhos proporcionalmente à sua distância.

Screenshot

Criando seu próprio Sistema de Enquete Ajax ( Demonstração | Visite a Fonte ) 
Neste tutorial vamos criar nosso sistema de pesquisa próprio (AJAX) para seus projetos com PHP.

Screenshot

Sliding On-Scroll lateral com jQuery ( Demonstração | Visite a Fonte ) 
Com este plugin jQuery você pode criar um “slide-in em scroll” efeito. Você provavelmente já viu esse efeito legal em alguns sites, agora você pode tê-lo no seu.

Screenshot

Slideshow Imagem elástico com visualização em miniatura ( Demonstração | Visite a Fonte ) 
Com este plugin jQuery você pode criar um slideshow simples elástico com uma visualização em miniatura. A apresentação será ajustar automaticamente para seu recipiente circundante e os usuários podem navegar através dos slides usando o visualizador de miniatura ou a opção autoplay slideshow.

Screenshot