8 jQuery tutoriales fantásticos para diseñadores
29 de marzo de 2008 por chriscoyier · Los 7 comentarios
Deslice hacia afuera y el efecto del cajón
El efecto es comúnmente conocido como un "acordeón" y que es normalmente empleado para deslizarse hacia arriba, o hacia abajo bloques de contenido para exponer nuevos bloques. El sitio web de Apple es una gran demostración de este efecto en la acción, donde el ratón se posa sobre el título de la "sección" y los enlaces asociados están expuestos. Lo que hace este efecto particularmente fresco, es que los cajones mantener una altura fija y desplazamiento que hay entre área restringida.
Cadena capaces de efectos de transición
Ahora vamos a ver el poder de chainability jQuery. Con tan sólo varias líneas de código, puedo hacer el cuadro de volar con la escala de la decoloración y la transición.
VISITA TUTORIAL (# 6)
VER DEMO
Tabs con jQuery
Tabulación ha sido lugar común en la Internet desde hace algún tiempo. Los sitios de hoy web hará uso de la tabulación de la página sin tener que cargar con la adición de JavaScript. Para este tutorial he creado dos screencasts que muestran cómo aplicar rápidamente un poco de jQuery para diferentes diseños de marcas, que, si el formato está bien diseñado, automáticamente se degradan muy bien, sin activar JavaScript.
Creación de un gráfico editable
Visualización de datos en formato HTML ha sido durante mucho tiempo difícil de conseguir. Soluciones en el pasado han participado no estándar de plugins, el comportamiento propio, y las imágenes estáticas. Pero esto ha cambiado con el reciente crecimiento en el apoyo al elemento Canvas nuevo HTML, que proporciona una API de dibujo nativo que se puede tratar con Javascript simple.
Easy Transfer Multi Select con jQuery
Estoy seguro de que en algún momento u otro que ha encontrado un widget de la forma como la siguiente, lo que permite opciones de ser cambiado de una selección múltiple a otro.
VISITA TUTORIAL
Demostración en el interior de tutorial
jQuery Hover Sub Tag Cloud
Cuando las nubes de etiquetas, se utilizan adecuadamente, pueden ofrecer a los visitantes con una ilustración inmediata de los principales temas de contenido del sitio. Y aunque no tenemos muchas opciones de que en el diseño de ellos, todavía podemos encontrar nuestro camino para llegar a nuevos enfoques de diseño y soluciones. Aquí está un nuevo enfoque: El uso de jQuery para reducir el tamaño de la nube de etiquetas que usted tiene en sus sitios.
Galería deslizante
Este "control deslizante de producto es similar a una galería en línea recta, excepto que no hay un control deslizante para navegar por los elementos, es decir, el bit de los controles de usuario para ver los artículos. Cosas sencillas. jQuery ya tiene los plugins para crear estos efectos por lo que no tiene que ir sobre la creación de nosotros mismos a partir de cero.
News Ticker
LiScroll es un plugin de jQuery que transforma cualquier lista que figura en una desordenada de noticias deslizante.
VISITA TUTORIAL
Demostración en el interior de tutorial
¡Oh, qué perfecto!
Acabo de empezar a aprender jQuery y ahora tienen algo para practicar.
Gracias!
Esta complicación es sólo impresionante para jQuery. Gracias por esto. No podría haber conseguido algo mejor. Saludos.
¡Buen trabajo! Tutoriales muy buenos .... los quiero a todos!
Have a nice day
tanto demostración sub nube de etiquetas y la demostración de acordeón se rompen si se aumenta el tamaño de fuente en el navegador. Signo de mala html / css código.
Tal vez debería preocuparse de HTML y CSS antes de preocuparse de Javascript de lujo.
El efecto de la ficha que se puede hacer muy fácilmente con unas pocas líneas de js, sin jQuery.
Nice post ... sigan con el buen trabajo
¡Oh, qué perfecto!
Acabo de empezar a aprender jQuery y ahora tienen algo para practicar.
Gracias!
Editable gráfico es genial, pero no puedo usar con jQuery 1.2.2 o 1.2.3, que sólo funciona con la versión 1.2.1.
Daniel