Renan Lima » plugin jquery

25 Menus e Plugins para Jquery

Renan Lima — Fri, 23 Oct 2009 20:06:33 +0000

1.jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

Tabbed Interface ou Tabbed estrutura do menu esta realmente ficando famoso em web design e desenvolvimento. Este tutorial irá mostrar-lhe como construir sua própria interface de abas usando jQuery com slideDown / slideUp efeito. Certifique-se de verificar o demo, você definitivamente vai gostar.

Preview || Download

2. Animated Menus Using jQuery

Aprenda a criar este menu com um efeito surpreendente em animação usando apenasXHTML simples, CSS e Javascript semelhante ao Dragon Interactive (dragoninteractive.com).

PS: Testei e este menu não funcionou corretamento no ie6… D:

Preview || Download

3.Create a Cool Animated Navigation with CSS and jQuery

Animação e feedback visual são ótimas maneiras de ajudar o usuário a navegar e interagir com um website. Embora tradicionalmente Adobe Flash foi e é, a opção para quem quer animar algum websites, mas também tem seus contratempos na questão otimização (SEO)… Esta é uma alternativa para quem quer evitar o Flash totalmente.

Preview || Download

4.jQuery ListNav Plugin

Este plugin jQuery fornece uma maneira fácil de adicionar uma discreta carta baseada widget de navegação para qualquer lista UL ou OL. Facilmente estilizados (via CSS) a barra de navegação aparece acima da lista, mostrando ao usuário as letras de A-a-Z. Clicar em uma das letras da lista de filtros para mostrar apenas os itens na lista que começam com essa letra. Pairando sobre uma carta (opcionalmente) mostra uma contagem acima da carta, que indica quantos itens serão exibidos se que a carta é clicado. Outras opções dar-lhe o controle sobre a funcionalidade básica.

Preview || Download

5. jqDock menu
Transformar um conjunto de imagens em um Mac-like Dock menu horizontal ou vertical, com ícones que se expandem em capotamento, e os rótulos opcionais.

Preview || Download

6.Sliding Jquery Menu
Este tutorial explica como funciona um deslizamento de menu jquery e você pode ver o efeito em ação nas página PSDTuts no canto superior direito.
Preview || Download

7.CSS Sprites 2 – It’s JavaScript Time
Preview

8. CSS Mac Dock Menu
Se você é um grande fã do Mac, você vai adorar este menu dock CSS. Ela está usando biblioteca JQuery Javascript. Ele vem com dois estilos dock – superior e inferior. Este menu dock CSS é perfeita.

Preview || Download

9.Kwicks for jQuery
Kwicks para jQuery começou como uma porta do efeito Mootools insaciavelmente atrativo, mas evoluiu para um elemento altamente personalizável e versátil.

7 Examples || Download

10.Jquery File Tree
Preview || Download

11.Learning jQuery: Fading Menu – Replacing Content
Otimo tutorial do CSS-Tricks explicando como usar CSS com jQuery, desta vez ele ensina como usar jquery desaparecendo no menu de opções.

Preview || Download

12. How to Make a Smooth Animated Menu with jQuery
Já viu algumas navegação jQuery excelentes que deixou você com vontade de fazer uma de sua preferência? Este tutorial ensina como fazer isso através da construção de um menu e animá-lo com alguns efeitos suaves.

Preview || Download

13.Create Vimeo-like top navigation
Aprenda a criar uma navegação como no site do YouTube, qui é apenas XHTML, CSS.

Preview + Vimeo site || Download

14. jQuery (mb)Menu 2.3
Este é um componente jQuery poderoso para construir facilmente um menu com vários níveis ou um menu contextual (botão direito) de uma forma intuitiva!

Você pode adicionar submenus como você desejar, se o seu submenu ou menu não está declarado na página, o componente irá obtê-lo via ajax chamando o modelo de página com o id do menu que você precisa (o valor do “menu” atributo) Página ajax deve retornar um código bem formatado como no exemplo abaixo.

Preview || Download

15. Coda Slider
Preview || Download

16. jQuery idTabs
idTabs é um plugin para jQuery. Ele faz a adição de guias em um site super simples. Mas também pode abrir a porta para infinitas possibilidades.

Preview || Download

17. Create a Slick Tabbed Content Area using CSS & jQuery
Um dos maiores desafios para os designers da web é encontrar maneiras de colocar um monte de informações em uma página sem perder a usabilidade. Guias de conteúdo é uma ótima maneira de lidar com esta questão e tem sido amplamente utilizada em blogs recentemente. Isso é ótimo tutorial explicando para construir uma caixa de informação simples com guias em HTML, em seguida, fazê-lo funcionar usando algum Javascript simples, e então finalmente conseguir a mesma coisa usando a biblioteca jQuery.

Preview

18. LavaLamp for jQuery lovers!
Preview || Download

19. Animated Drop Down Menu with jQuery
Drop down menus são uma maneira realmente conveniente para colocar um menu grande em um espaço muito pequeno. Por muito tempo as pessoas têm usado apenas um elemento de formulário padrão para queda dos menus, mas com um esforço mínimo você pode criar um efeito muito mais interessante usando jQuery e CSS.

Preview || Download

20. Using jQuery for Background Image Animations

Cinco maneiras diferentes de criar animações de fundo da imagem com Jquery.

Preview

21. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery
Como você sabe, há uma série de concorrentes nas bibliotecas javascript em torno destes dias. Apesar de eu preferir o jQuery, eu sempre gostei da forma como o menu MooTools funcionou. Portanto, neste tutorial vamos recriar esse mesmo efeito … mas isso será feito em jQuery!

Preview || Download

22. Menumatic Mootools
Preview Vertical || Preview horizontal || Download

23. jQuery convertion: Garagedoor effect using Javascript
For all the jQuery lovers: Here is the Garage Door effect. Now in jQuery!

Preview || Download

24. Perspective tabs
Perspective tabs é uma simples Mootools 1,2 plug-in que permite um número lagre de guias para caber em um espaço pequeno.

25. Fisheye Menu
Fisheye Menu é um menu de expansão com base no doc MacOSX.

Download

Fonte: http://blog.pixelfont.com.br

40 plugins para jquery

Renan Lima — Mon, 19 Oct 2009 11:21:38 +0000

Encontrei uma ótima lista de plugins para jQuery, confira a baixo:

1. Interface ~ opções para movimentar divs, mudar tamanhos, criar slideshows, auto-completar, criar carrinho de compras e outras coisas.

2. jQuery Flash Plugin ~ “simples, mas poderoso” ~ detecta se o Flash está instalado, pede para instalar, é acessível e não obstrusivo! Possui códigos legais feitos com ele como inserir um mp3 player em Flash e vídeos do YouTube.

3. TableSorter ~ permite que o usuário edite a ordem dos dados de tabelas sem precisar recarregar a página.

4. jQMinMax ~ adiciona suporte a min-width, max-width, min-height e max-height onde eles não são suportados.

5. QuickSearch ~ plugin não-obstrusivo que busca textos e possui várias opções.

6. Tabs version 2 ~ sistema de abas com diversos efeitos.

7. autocomplete ~ faça sistemas de autocompletar facilmente com esse plugin.

8. autohelp ~ ajuda o usuário a preencher formulários dando dicas do que escrever.

9. editable ~ edite elementos com um click.

10. AutoScroll ~ segure Control e mova o mouse para rolar a página.

11. jQuery History ~ grave o histórico e ative a opção de voltar no navegador.

12. CheckBox ~ mude as checkboxes de seus formulários com esse plugin e CSS.

13. Chili ~ colore a sintaxe de códigos de diversas linguagens com CSS.

14. ColorGradient ~ cria gradient em elementos com as cores selecionadas.

15. Gradient ~ cria efeito gradient no fundo de elementos.

16. Curvy Corners ~ adicione bordas arredondadas em elementos facilmente. Sem Photoshop!

17. GreyBox Redux ~ mostre fotos, sites e outras coisas em uma janela no estilo LightBox.

18. jCarousel ~ controla listas verticais e horizontais com conteúdo dinâmico ou estático e com animação.

19. jScrollPane ~ mude a aparência das scrollbars.

20. MouseGestures ~ identifique os movimentos do mouse.

21. jTicker ~ faz com que uma div rode notícias vindas de um arquivo RSS.

22. ToolTip ~ cria as famosas tooltips. Aquelas janelinhas que aparecem quando você passa o mouse em algo.

23. NiceJForms ~ deixe seus formulários mais belos.

24. Ajax Queue ~ faça filas para carregar páginas.

25. pngFix ~ corrige o velho problema do PNG transparente no IEca 5.5 e 6.

26. jQuery Accessibility Plugin ~ torna seu site acessível facilmente.

27. jTemplates ~ cria templates facilmente 100% JavaScript.

28. jqUploader ~ substitui campos input por um arquivo Flash que mostra a porcentagem e barra de progresso dos uploads.

29. jTagEditor ~ cria editores de códigos HTMl, sintaxe Wiki, BBCode e outras coisas.

30. jQuery Grid ~ solução para representar dados em tabelas.

31. jdMenu ~ cria menus dropdown facilmente.

32. DynaCloud ~ cria tags cloud de textos e os colore quando clicados.

33. FlyDOM ~ gera conteúdo dinamica e facilmente.

34. jQuery UI ~ crie interfaces para o usuário facilmente com esse plugin.

35. BlockUI ~ mostra uma mensagem de espera no centro da tela enquanto executa alguma operação AJAX.

36. jQuery Calendar ~ cria um calendário quando o usuário clica em um campo de texto de formulário.

37. jqModal ~ crie diversos tipos de janelas com HTML e CSS.

38. Impromptu ~ crie diversos tipos de mensagem de confirmação.

39. Password Strenght Meter ~ use-o para medir se uma senha é fácil ou difícil.

40. Multiple File Upload ~ permite upload de múltiplos arquivos com filtro de extensões e número máximo de arquivos.

Lista feita por Pedro Menezes.