La colección de esta semana de increíbles recursos gratuitos incluye algunos de nuestros complementos favoritos de jQuery. El uso de estos en los diseños de su sitio puede ahorrarle mucho tiempo en el desarrollo y ayudará a garantizar que tanto su código como su diseño sean de primera clase.
Hay algunos complementos aleatorios para información sobre herramientas y widgets de Twitter, pero la mayoría de los recursos que encontrará a continuación ayudan con la presentación de imágenes. Ya sea que desee un carrusel 3D o una presentación de diapositivas a pantalla completa, ¡aquí hay algo para usted!
Carrusel de nubes - Un carrusel 3d en Javascript
? Existen algunas soluciones atractivas basadas en Adobe Flash para este tipo de componente de UI, y mientras existen versiones de JavaScript, los productos comerciales de Flash tienden a tener una mejor estética y pulido. Para restablecer el equilibrio a favor de JavaScript, he creado este complemento de carrusel jQuery.
Caja de color
? Un plugin lightbox ligero y personalizable para jQuery 1.3 y 1.4. Admite contenido de fotos, agrupación, presentación de diapositivas, ajax, en línea e iframed. La apariencia se controla a través de CSS para que los usuarios puedan cambiar el estilo del cuadro. Completamente discreto, las opciones se establecen en el JS y no requieren cambios en el HTML existente.
Complemento de Ciclo JQuery
? El complemento de ciclo jQuery es un complemento de presentación de diapositivas que admite muchos tipos diferentes de efectos de transición. Es compatible con la pausa en el desplazamiento, la parada automática, el ajuste automático, las devoluciones de llamada antes / después, los disparadores de clic y mucho más. También admite, pero no requiere, el complemento de metadatos y el complemento de facilitación.
Easy Tooltip - plugin jQuery
? Me encanta la simplicidad de usar (y la reutilización más importante) de los complementos jQuery. Así que decidí lanzar otro complemento que venía de mi necesidad personal: la herramienta de ayuda jQuery. Ya afirmé que esta es la información sobre herramientas más simple de la historia. Le hice algunas modificaciones, así que ahora tiene algunas características adicionales.
Fullscreenr
? ¿Así que quieres tener una imagen de fondo en tu sitio web, que siempre llena la pantalla y mantiene su relación de aspecto? ¿Y tiene que estar centrado, en lugar de enfocarse en la esquina superior izquierda de la imagen? ¡Es posible con jQuery y el complemento fullscreenr en esta página! Puede encontrar una demostración aquí y, como puede ver, funciona perfectamente en todos los navegadores habilitados para javascript. Tenga en cuenta que Internet Explorer necesita algún código adicional para habilitar el png transparente utilizado para el ráster sobre la imagen de fondo. Si desea agregar este código, me gustaría referirlo a unitpngfix, pero, por supuesto, simplemente no puede admitir IE6.
Facebox
? Facebox es una caja de luz al estilo de Facebook basada en jQuery que puede mostrar imágenes, divs o páginas remotas completas. Es fácil de usar y fácil para los ojos. Descargue el tarball, vea los ejemplos y luego comience a disfrutar de las curvas.
jCarousel
? jCarousel es un complemento de jQuery para controlar una lista de elementos en orden horizontal o vertical. Los elementos, que pueden ser contenido HTML estático o cargarse con (o sin) AJAX, pueden desplazarse hacia adelante y hacia atrás (con o sin animación).
jTweetsAnywhere
"Un widget de jQuery Twitter con soporte de @Anywhere y muchas opciones personalizables".
Nivo Slider
El control deslizante jQuery más impresionante del mundo. Eche un vistazo a las demostraciones para tener una idea de lo que se puede hacer con Nivo Slider o eche un vistazo al escaparate de sitios que utilizan Nivo Slider.
Supersized - Pantalla completa Fondo / Presentación Plugin jQuery
? Cambia el tamaño de las imágenes para llenar el navegador mientras mantiene la relación de dimensión de la imagen. Imágenes / fondos de ciclos a través de una presentación de diapositivas con transiciones y precarga. Los controles de navegación permiten pausar / reproducir y avanzar / retroceder.
¿Qué hemos echado de menos?
Ahora que ha visto nuestra pequeña colección de complementos de jQuery, deje un comentario y déjenos saber qué complementos sin los que no podría vivir.
¡Asegúrate de revisar la próxima semana para obtener más regalos semanales de Design Shack!