blog marketing publicidad comunicacion

Efectos de JQuery

No todo es Flash en la viña del señor. Para añadir todos esos efectos dinámicos a nuestra web tenemos muchos caminos y uno de ellos se llama JQuery. JQuery es una librería javascript que nos facilita el trabajo de insertar efectos en nuestra web y a la vez hace que esos efectos funcionen en distintos navegadores. No es la única pero sí tiene bastnte tirón. A continuación un listado de mis efectos jQuery favoritos. Tenéis otro montón de ellos en su página de plugins. En la página de cada efecto hay un enlace de Try out a Demo. Pulsando ese enlace podéis ver un ejemplo de lo que hace el programilla.

  • Carrusel 3D de imágenes. Esto es para… emmm… uhm… bueno, solo vale par impresionar al mundo pero a que mola.
  • Bounce, para abrir un menú desplegable con una animación de bote exagerado.
  • Div animado. Como el de arriba pero en fino.
  • Ciclos para objetos: por ejemplo para pasar una galería de fotos a medida que vas haciendo clic o para mostrar diferentes imágenes.
  • Sombras: Todo queda más chulo con una sombra y esta se puede añadir a cualquier objeto.
  • Cubo: típico efecto 3d.

Mi lista sigue creciendo. Hay demasiados. Quizá vaya actualizandola pero mientras tanto os recomiendo que leáis el último artículo de A List Apart sobre efectos dinámicos en los menús.

Actualizado: Mis agradecimientos a Jabi de Irontec por ese maravilloso cursillo eghost de JQuery que amplió mis horizontes.

Actualizado: Nos sugieren también en los comentarios echar un ojo a la User Interface de JQuery.

8 comentarios ↓

#1 txipi escribió esto el 5 de septiembre de 2008 a las 10:43 h.

¿Y eso donde lo aprendiste? De bien nacidos es ser agradecido ;-P Nah, es coña, pero desde aquí mi agradecimiento a Jabito, de Irontec, por dos tardes de JQuery muy intensas :-)

Mola el efecto sombra, no tiene pinta de tragar recursos a tope y queda bastante resultón.

#2 Sergio Monge escribió esto el 5 de septiembre de 2008 a las 12:34 h.

Nop. Ahora que lo dices es cierto. Atribuyendo fuente…

#3 PoZu escribió esto el 5 de septiembre de 2008 a las 18:55 h.

Jquery ha actualizado hace poco su UI, y hay un monton de demos y efectos para implementar. http://ui.jquery.com/ Supongo que ya lo conocías.

#4 eit escribió esto el 31 de julio de 2009 a las 20:25 h.

nambre no sirve ni uno

#5 Haney escribió esto el 3 de abril de 2010 a las 23:45 h.

“No todo es Flash en la viña del señor”
tienes razon ya q hay muchas maneras de hacer web usando herramientas como el javascript q es muy potente.
Pero mi pregunta es cuales son las desventajas de Jquery.
yo solo encontre q se podria poner lento al usar muchos plugins, pero q otras desventajas existen…
SALU2

#6 kndesign.com.ar » Blog Archive » efectos jquery para tener a mano escribió esto el 14 de julio de 2010 a las 3:11 h.

[...] 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/ [...]

#7 ide escribió esto el 25 de marzo de 2011 a las 9:18 h.

Gracias por el sitio, tambien teneis buenos ejemplos y efectos para web en http://www.ankestudio.com/blog.html

#8 Iv escribió esto el 13 de septiembre de 2011 a las 0:25 h.

ide, pregunta, puedes compartir el script de la entrada de página que tienes en tu link??? Gracias

Dejar un comentario