efectos jquery para tener a mano

Listado personal de efectos jquery mas utilizados y algunos otros links para acortar el tiempo de búsqueda

Fonts: reemplazo de fonts con cufon, proximamente tutorial
Fondo con imagen en movimiento

Expand & collapse divs:
http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm
http://www.learningjquery.com/2008/02/simple-effects-plugins
http://www.webintenta.com/9914.html
http://jqueryfordesigners.com/slidedown-animation-jump-revisited/

Scroll super adaptable: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

Efectos para botoneras:

http://jqueryfordesigners.com/image-fade-revisited/
http://www.alistapart.com/articles/sprites2
http://css-tricks.com/learning-jquery-fading-menu-replacing-content/
Fluid Navigation
Magic Line
http://webstuffshare.com/demo/CSSNiceMenu/
AnimatedNavigationMenu

Tabs: http://jqueryfordesigners.com/coda-slider-effect/

Esquinas, redondeadas y  de otras formas: http://methvin.com/jquery/jq-corner-demo.html

Efecto interesante “frente y dorso”:
http://jonraasch.com/blog/quickflip-2-jquery-plugin

Cambio psicodelico de colores: http://jquery.offput.ca/highlightFade/old.php

Transición de páginas:
bounce: http://forum.jquery.com/topic/using-bounce-effect-as-a-page-transition-or-similar-effect
fade: http://www.geeksucks.com/toolbox/23-jquery-fade-in-fade-out-effect.htm
http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/
scroll to:
http://beski.wordpress.com/2009/04/21/scroll-effect-with-local-anchors-jquery/
http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/
ejemplos: http://www.daggerfin.com/; http://jai.im/; http://www.indofolio.com/
otherpage (http://www.estetica-design-forum.com/programming-forum/25252-jquery-animations-page-loads.html)

copados
http://www.swedishfika.com/2008/03/04/creating-a-fading-header/
http://www.webstuffshare.com/2010/05/filter-image-view-using-jquery/

Animaciones
http://www.spritely.net/

mas efectos y páginas de cabecera

http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

http://snipplr.com/

http://jqueryfordesigners.com
http://www.webdesignerwall.com/general/javascript-in-modern-web-design/
http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html
http://www.zoneartcss.com/1000-efectos-jquery/
http://www.catswhocode.com/blog/8-awesome-jquery-tips-and-tricks
http://www.tallerd3.com/archives/2096
http://designbeep.com/2010/07/06/25-cool-and-helpful-jquery-pluginstutorials-for-your-next-project/
http://tympanus.net/codrops/tag/jquery/
http://fresherswisdom.com/web-designing/146-web-programming/981-11-best-jquery-fade-effect-plugins-and-tutorials.html
http://devsnippets.com/article/10-transition-effects-the-art-of-showinghiding-content.html

About The Author

Diseñadora grafica / Desarrolladora web / wordpress themes y mas

6 Comments

  1. Johana Lendt dice:

    Great Blog! really interesting…Bye!

  2. aparadekto dice:

    Hey, I can’t view your site properly within Opera, I actually hope you look into fixing this.

  3. I found your page via google thanks for the post. I will bookmark it for future reference.

  4. Leviticus dice:

    Thanks, I bookmarked your blog.

  5. Good morning, or maybe this is definitely separate article but rather anyhow, i have been browsing on the market your website also to be able to pretty much very organized. My group is constructing a modern website and furthermore stressed prospects look really good, each time i do communication an element the spoil it. Just how almost impossible could be this task to construct your webblog? May perhaps personal much like me without having understanding get it done, on top of that put wife and kids up-date web pages while avoiding endangering which just what?

  6. [...] efectos jquery para tener a mano » kndesign.com.ar. Recomiendanos en Facebook Subir a Buzz Share on Linkedin Share via MySpace Compartir con [...]