20 trucos simples de jQuery
jQuery ha llegado rápidamente a casi todos los trucos de los desarrolladores web. La simplicidad con la que jQuery nos permite manejar eventos complicados y realizar animaciones fluidas lo convierte en la herramienta perfecta tanto para desarrolladores principiantes como experimentados para agregar un toque profesional a sus sitios.
Aquí hay 20 trucos simples de jQuery para encaminarse hacia la felicidad de JavaScript. La palabra clave aquí es "simple", por lo que incluso si nunca ha usado jQuery, ¡este es el lugar perfecto para comenzar!
Tutoriales para principiantes
Solo para comenzar bien, aquí están los tutoriales para principiantes directamente desde jQuery.com.
# 1 - esquinas redondeadas jQuery
Una breve publicación de "15 días de jQuery" sobre el uso de las funciones de ajuste, anteposición y anexión para crear un efecto de esquina redondeada.
# 2 - Transición de fundido cruzado de imagen
3 métodos simples de fundido cruzado de una imagen a otra utilizando jQuery y CSS.
# 3 - Menú de desvanecimiento - Reemplazar contenido
Chris Coyier ofrece algunos de los mejores contenidos gratuitos disponibles 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 interfaz de usuario animada y elegante para su sitio con este tutorial paso a paso.
# 5 - Área de contenido con pestañas usando CSS y jQuery
Un viejo 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 tanto la API de Twitter como jQuery para crear un ticker de Twitter de gran apariencia.
# 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 de que el autor parecía pensar que era un menú de desplazamiento horizontal!
# 8 - Interruptor de pantalla fácil con CSS y jQuery
El nuevo sitio de Mimic Abduzeedo y para crear un interruptor para cambiar su contenido de la vista de lista a la vista de cuadrícula.
# 9 - Alternar simple con CSS y jQuery
Un gran 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 profunda para crear un formulario de WordPress sin la necesidad de un complemento adicional.
# 11 - Lista secuencial jQuery
Use jQuery para eliminar la monotonía de la codificación de elementos secuenciales.
# 12 - Crea un cuadro de Fancy Share
Hacer que las redes sociales compartan enlaces en su sitio se ha convertido rápidamente en un estándar para la mayoría de los blogs. Use este tutorial para hacer que el suyo se destaque.
# 13 - Cree una presentación de diapositivas elegante y accesible usando jQuery
Use este sorprendente control deslizante de contenido para poner una tonelada de contenido en un espacio pequeño.
# 14 - Uso de jQuery para animaciones de imágenes de fondo
Cree 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 - Navegación “fuera de la caja” con jQuery
Una técnica increíble para crear navegación en el sitio 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 de noticias rápido y fácil 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 - Menús de alimentación jQUery
Aprenda a crear menús de fuentes RSS simples y efectivos como los de Safari.
# 20 - Crea un efecto de fondo Funky Parallax
Este tutorial lo guía a través de la creación de un efecto de fondo 3D deslizante increíblemente único.
Eso es todo amigos
Con esto concluye nuestro resumen de simples trucos jQuery. Ahora ve y usa estas técnicas para crear algunos efectos sorprendentes en tu sitio. Deja un comentario usando el campo de abajo para compartir tus trucos y tutoriales favoritos de jQuery.
