jQuery se ha abierto camino rápidamente en casi todos los paquetes de trucos para desarrolladores web. La simplicidad con la que jQuery nos permite manejar eventos complicados y realizar animaciones suaves hace que sea la herramienta perfecta tanto para principiantes como para desarrolladores experimentados para agregar un toque profesional a sus sitios.
Aquí hay 20 sencillos trucos de jQuery para ponerte en camino a la felicidad de JavaScript. La palabra clave aquí es? Simple? así que incluso si nunca ha usado jQuery antes, ¡este es el lugar perfecto para comenzar!
Tutoriales para principiantes
Para comenzar bien, aquí están los tutoriales para principiantes directamente desde jQuery.com.
# 1 - esquinas redondeadas jQuery
Un breve post de? 15 días de jQuery? sobre el uso de las funciones de envolver, anteponer y agregar para crear un efecto de esquina redondeada.
# 2 - Transición de transición cruzada de imágenes
3 Métodos simples de fundido cruzado de una imagen en otra usando jQuery y CSS.
# 3 - Menú de desvanecimiento - Reemplazo de contenido
Chris Coyier proporciona algunos de los mejores contenidos gratuitos que existen para aprender diseño web. Aquí hay uno de los muchos tutoriales de jQuery en su sitio.
# 4 - Menú desplegable atractivo con jQuery y CSS
Aprenda a crear una IU animada y elegante para su sitio con este tutorial paso a paso.
# 5 - Área de contenido con pestañas usando CSS y jQuery
Un antiguo pero bueno, este fue uno de los primeros tutoriales publicados en NetTuts. ¡Aquí es donde aprendí por primera vez sobre jQuery!
# 6 - jQuery Twitter Ticker
Aprenda a usar la API de Twitter y jQuery para crear un excelente ticker de Twitter.
# 7 - Menú de desplazamiento vertical
Este artículo le muestra cómo crear un menú de desplazamiento vertical realmente suave. ¡Un gran tutorial a pesar del hecho de que el autor parecía pensar que era un menú de desplazamiento horizontal!
# 8 - Easy Display Switch con CSS y jQuery
Imite el nuevo sitio de Abduzeedo y cree un interruptor para cambiar su contenido de la vista de lista a la vista de cuadrícula.
# 9 - Toggle simple con CSS y jQuery
Un excelente tutorial para principiantes que describe cómo usar la función de alternar.
# 10 - Formulario de contacto de WordPress y jQuery sin un complemento
Una mirada bien escrita y en profundidad sobre la creación de un formulario de WordPress sin la necesidad de un complemento adicional.
# 11 - Lista secuencial de jQuery
Utilice jQuery para eliminar la monotonía de los elementos secuenciales de codificación.
# 12 - Crear una caja de compartir de lujo
Tener enlaces de redes sociales en su sitio se ha convertido rápidamente en un estándar para la mayoría de los blogs. Usa este tutorial para hacer que el tuyo sobresalga.
# 13 - Crear una presentación de diapositivas ingeniosa y accesible utilizando jQuery
Utilice este deslizador de contenido impresionante para poner una tonelada de contenido en un espacio pequeño.
# 14 - Usando jQuery para animaciones de imagen de fondo
Crea animaciones de fondo llamativas con solo unas pocas líneas de código.
# 15 - Menús animados usando jQuery
Similar en concepto al # 14 pero con un efecto más sutil y sofisticado.
# 16 -? Fuera de la caja? Navegación con jQuery
Una técnica increíble para crear la navegación web que imita el dock OS X.
# 17 - Cómo implementar un ticker de noticias con jQuery y diez líneas de código
Un teletipo rápido y fácil de noticias de Antonio Lupetti.
# 18 - Crea una ventana emergente impresionante con jQuery
Este tutorial le muestra cómo crear una ventana emergente y desvanecer el fondo.
# 19 - jQUery Feed Menus
Aprenda a crear menús de fuentes RSS simples y efectivos como los de Safari.
# 20 - Crea un efecto de fondo Funky Parallax
Estos tutoriales lo guían a través de la creación de un efecto de fondo 3D deslizable increíblemente único.
Eso es todo amigos
Eso concluye nuestro resumen de simples trucos de jQuery. Ahora ve y usa estas técnicas para crear algunos efectos sorprendentes en tu sitio. Deje un comentario en el siguiente campo para compartir sus trucos y tutoriales favoritos de jQuery.