Si te dedicas al diseño web, entonces deberías estar bien preparado en cuanto a jQuery se refiere y JavaScript. Gracias a ellos puedes conseguir que una página web deje de ser sencilla para mostrar efectos dinámicos varios o incluso conseguir que los contenidos estáticos tengan una apariencia mucho mejor.
En este artículo vamos a repasar algunos plugins jQuery, tutoriales y funcionalidades varias que te permitan aplicar esos trucos que te permitirán optimizar tus sitios webs de forma visualmente increíble.
Mapas jQuery
Este plugin te permite seleccionar lugares en mapas de forma interactiva.
Mapas jQuery
Maplace
Un plugin para insertar en una página un cuadro Google Maps, utiliza Google Maps API v3 y es sencillo de configurar. Maplace
Botones redes sociales con jQuery
Genera y personaliza botones para compartir en redes sociales.
Botones redes sociales con jQuery
Reveal
Este plugin está especializado en crear presentaciones efectistas, incluyendo la visualización de archivos PDF.
Reveal
Barra de navegación fijas
Fija una barra de navegación aunque se haga scroll con la página.
Barra de navegación fijas
Carrito de compra
Implementa en tu web un carrito de compra interactivo utilizando jQuery de forma sencilla.
Carrito de compra
Youtube como fondo de pantalla
Activa y configura un vídeo de youtube como fondo de pantalla de una página web.
Youtube como fondo de pantalla
Cargador animado jQuery
Un cargador animado con jQuery.
Cargador animado jQuery
StickUp
Este plugin está especializado en crear intefaces de navegación y menús.
StickUp
uSlider
Un slider jQuery con el que puedes mostrar texto, imágenes, vídeo HTML5, iframes y audio.
uSlider
Gráficas de tarta jQuery
Este plugin jQuery te permite generar gráficas clásicas de tarta.
Gráficas de tarta jQuery
Barra de Scroll animada
Convierte la típica barra de scroll del navegador en una barra de progreso.
Barra de Scroll animada
Scroll para textos con jQuery
Con este plugin puedes crear cajas de texto o imágenes con scroll utilizando jQuery.
Scroll para textos con jQuery
Potenciómetro jQuery
Un interesante plugin que te permite crear potenciómetros para mostrar diferente información, sobre todo numérica y estadística.
Potenciómetro jQuery
Texto animado
Un divertido plugin que permite que los caracteres de un texto sean animados.
Texto animado
Woomark
Woomark te permite crear una red o matriz de imágenes, ideal si quieres darle un toque pinterest a tu sitio web a la hora de mostrar fotografías.
Woomark
Pickatime
Pickatime está especializado en crear interfaces para seleccionar fechas y horas, especialmente indicado para trabajos para smartphones y tablets, aunque puedes implementarlo en otras plataformas.
Pickatime
Fittext
Ajusta el texto automáticamente para que se ajuste a diferentes tamaños de pantalla y ventanas.
Fittext
Compartir en redes sociales con jQuery
Este plugin te permite seleccionar texto y compartirlo en varias redes sociales.
Compartir en redes sociales con jQuery
Panorama jQuery
Inserta imágenes panorámicas en una web.
Panorama jQuery
Recorta imágenes
Sube imágenes y recórtalas a través de jQuery fácilmente
Recorta imágenes
jQuery UI Button
Un generador de botones jQuery.
jQuery UI Button
Formularios jQuer
Formularios avanzados con jQuery. Muestra cajas de texto flotantes.
Formularios jQuery
Gráficas jQuery
Un generador de gráficas o charts en jQuery.
Gráficas jQuery
NanoGallery
Una galería de imágenes jQuery simple y sencilla de implementar.
NanoGallery
Cargador de imágenes bajo demanda
Este plugin acelera la carga de las páginas de un sitio web, sólo se cargan las imágenes cuando es necesario, por ejemplo cuando el usuario va haciendo scroll hacia abajo en la página.
Cargador de imágenes bajo demanda
Vídeo responsive jQuery
Con este plugin puedes convertir cualquier vídeo que se muestre en una página web en responsive, para que su tamaño se adapte automáticamente al tamaño de la ventana o pantalla, ideal para asegurarte de que se ve bien en smartphones y tablets.
Vídeo responsive jQuery
SVG imágenes
Este plugin es útil si tienes imágenes SVG en el servidor. En el caso de que el navegador no sea compatible con este tipo de imágenes las convierte automáticamente a formato png.
SVG imágenes