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

si!, con vos 4396 personas leyeron este artículo

6 comments

  1. Johana Lendt
    30/08/2010 11:43

    Great Blog! really interesting…Bye!

  2. aparadekto
    28/10/2010 04:54

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

  3. sell structured settlement
    28/10/2010 23:23

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

  4. Leviticus
    07/02/2011 11:40

    Thanks, I bookmarked your blog.

  5. search engine optimisation
    11/02/2011 01:36

    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. Pingback

Deja un comentario

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>