Um pouco do que gosto, faço e crio
25 Menus e Plugins para Jquery
1.jQuery Tabbed Interface / Tabbed Structure Menu Tutorial
2. Animated Menus Using jQuery
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
20. Using jQuery for Background Image Animations
Cinco maneiras diferentes de criar animações de fundo da imagem com Jquery.
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!
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!
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.
Fonte: http://blog.pixelfont.com.br
Popularity: 100%
20 Plugins para jQuery
22/12/2009 - 15:20
Marcadores: plugins jquery
Postado em Jquery | 1 comentário
01. MeioMask – Até agora, pra mim este é o melhor plugin para mascarar inputs.
02. jQuery image zoom effect – De apelo visual, este plugin é útil quando bem usado.
03. Password – Ele monitora e exibe a força da senha digitada. Dentre os que pesquisei, achei este o mais simples. Você pode marcar até duas [...]
Jquery – Deixando suas animações mais profissionais
04/11/2009 - 13:04
Marcadores: dica jquery, Jquery
Postado em Jquery | 2 comentários
Vou deixar uma dica bem rápida e simples para você aperfeiçoar suas animações.
Sabe quando uma determinada imagem tem o efeito de zoom, e se você clicar dezenas de vezes por segundo na imagem, a animação vai continuar acontecendo, mesmo depois de você ter parado de clicar.
Exemplo:
<script type="text/javascript">// < ![CDATA[
$('#img').toggle(
function(){
$('#img').animate({width:sizeWidth,height:sizeHeight,opacity:0.50},500);
},
function(){
$('#img').animate({width:200,height:100});
}
);
// ]]></script>
<img id="img" src="imagem.jpg" alt="" />
Para evitar [...]
14 ótimos plugins para jQuery
30/10/2009 - 09:44
Marcadores: Jquery, plugin, plugins jquery
Postado em Jquery | Nenhum comentário
Grid Plugin
Plugin com diversos recursos para manipular completamente um grid em tabela, é possível ordenar, buscar, limitar entre outros. São recursos incríveis, veja neste link: http://trirand.com/jqgrid/jqgrid.html
Sparklines
Bacana para montar pequenos e médios gráficos em suas aplicações. Ele gera de forma muito simples, bastando informar poucos parâmetros em array.
UploadFy
Um dos mais recomendados plugins para upload de [...]
Carregar Jquery do servidor do Google
30/10/2009 - 07:44
Marcadores: Jquery, Utilidade
Postado em Jquery | Nenhum comentário
Há três motivos para você adotar esta sugestão:
#1 – Economia de banda em seu servidor, pois sempre que seu site for carregado, o script será puxado dos servidores do Google e não do seu.
#2 – É bem mais rápido adicionar um link do que baixar a ultima versão do jQuery e salvar na raiz do [...]
25 boas práticas para jquery
20/10/2009 - 08:26
Marcadores: Jquery
Postado em Jquery | Nenhum comentário
Exelentes dicas para jquery, altamente recomendável.
Link: http://pomoti.com/excelentes-truques-e-dicas-para-jquery
40 plugins para jquery
19/10/2009 - 08:21
Marcadores: Jquery, plugin jquery, plugins jquery
Postado em Jquery | Nenhum comentário
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 [...]
10 boas práticas para programar em Jquery
09/10/2009 - 11:08
Marcadores: Jquery
Postado em Jquery | Nenhum comentário
Recebi uma notificação do Google Alert sobre jquery, fui de blog em blog e acabei parando em um artigo muito interessante e extremamente útil, mesmo para quem já é féra em Jquery.
Confira neste link: http://www.myinkblog.com/2009/08/04/10-tips-for-writing-better-jquery-code/
Jquery – Ordenar coluna de uma tabela (Sorter)
09/10/2009 - 10:45
Marcadores: Jquery, Ordenar coluna de uma tabela, plugins jquery, sorter table
Postado em Jquery | Nenhum comentário
Às vezes fica difícil disponibilizar a função de ordenar uma coluna na tabela quando se tem muitos processos. Podemos dar exemplo uma lista de clientes com suas faturas, vencimentos e cobranças, há dezenas de regras aplicadas ao gerar aquela lista de clientes, disponibilizar uma função de ordenar por coluna pode se tornar difícil.
Para facilitar podemos [...]
Curso de Web 17 – Javascript para gente grande
18/09/2009 - 08:57
Marcadores: framework, javascript, Jquery
Postado em Curso de Web, Jquery | Nenhum comentário
No ultimo post desta série dei algumas dicas de como aprender Javascript, é simples, não? ..Não? ok.
Partindo do princípio que você tem boas noções de javascript, recomendo um framework que vai mexer um pouco com a sua cabeça, se chama Jquery. Você tem duas formas de aprender:
Consulte a documentação do Framework e aprenda [...]
Top 10 (Plugins Jquery)
17/04/2009 - 18:10
Marcadores: Jquery, plugins jquery, top 10
Postado em Jquery | 2 comentários
ctRotate
Um bom efeito para as imagens ficarem trocando.
Moving Boxes
Está sendo muito usado por aí. É um excelente efeito.
Site map Effect
Tem gente que gosta desse efeito, mas enfim.. rs
Abra e veja, vale a pena… ou não.
Slider
Este sem dúvida é muito bom. É um pouco diferente dos efeitos slides que vemos por aí.
Content Slider
Mais um efeito de [...]
![(jquery) [bb]](http://www.renanlima.com/blog/wp-content/uploads/2009/10/JQuery_logo_color_onwhite.png)
13/11/2009 - 11:20
Muito bom! Mesmo! Vou usar no meu blog que estou programando!
13/01/2010 - 16:06
Opa, estou olhando aqui… o Plugin 3 mudou de URL.
Agora eh algo como http://net.tutsplus.com/tutorials/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/
Confere ae!
Absss
13/01/2010 - 16:12
Obrigado Leo. A URL foi corrigida.
23/02/2010 - 01:01
Cuidado, pois alguns dos links são para plugins de mootools (não relacionados à jQuery)
Abraços,
Felipe
11/03/2010 - 14:21
Ótimo post man, muito bom mesmo.
Só para lembrar, pra resolver o problema de conflito entre a jQuery e o Mootools, na jQuery, troca o $ por jQuery que resolve.
Abraço.