La gente de tutorialzine ha creado un excelente post donde detallan el proceso de creación de un script que simula el disparo de una cámara de fotos y muestra su miniatura.
Además de estar visualmente muy logrado, se me ocurre que combinado con un script del lado del servidor puede ser una bonita forma de crear recortes de imágenes.
Zoomimage es otro plugin para jquery diseñado para crear galerías de imágenes estilo lightbox.
El script cuenta con las funcionalidades típicas en este tipo de galerías e incluye:
La novedad de este plugin radica en el efecto que se les aplica a las imágenes al ser ampliadas, logrando una animación muy convincente.
Zoomimage es un plugin gratuito que viene con el script jquery, las imágenes y las hojas de estilo necesarias listas para descargar y usar en nuestros proyectos.
Webslide es una aplicación javascript para la visualización de maquetas/imágenes. Permite desplazarnos de manera sencilla entre los distintos elementos mediante teclas de aceso rápido (→, ←, z, x, y n) o bien mediante un elegante menú en pantalla.
Liberada bajo una licencia Creative Commons Attribution – Noncommercial – Share Alike 3.0, este script cuenta con las siguientes funcionalidades:
Podéis ver la demo aquí
Dividir los formularios extensos en varios pasos, agrupados por categorías, es una buena forma de no espantar a los usuarios mientras cuidamos la estética del site.
Para esta tarea nada mejor que FormToWizard, un plugin para jquery capaz de dividir los formularios y crear los botones de siguiente-anterior por nosotros. Su uso no podía ser más simple: agrupar los inputs que compartan una categoría mediante fieldsets, y una vez lo tengamos, ejecutar el script para que se encargue del resto.
En el artículo original del autor encontrareis un resumen de su funcionamiento junto a una demo online y el código listo para descargar.
Highlighter es un plugin para jQuery que nos permite resaltar áreas en nuestra web a la vez que se oscurece el resto del contenido. Incorpora una funcionalidad mediante la cual es posible anidar una descripción a cada área del site, haciéndolo realmente práctico para secciones estilo “aprende a …”.
Además de las características ya nombradas cabe destacar la navegación mediante el teclado, autoload y autoplay entre otras.
Podéis probarlo en esta demo o descargarlo directamente desde la web del proyecto.
Font effect es un plugin para jquery capaz de crear degradados, sombras o reflejos sobre textos html.
No requiere de imágenes ni CSS adicionales para su uso, bastara con incluir el js y lanzar las llamadas necesarias. En la web del proyecto hay un buen número de ejemplos, ideales para dar los primeros pasos, además de un sandbox en el que podéis probar y valorar este trabajadísimo plugin sin necesidad de descargarlo siquiera.
Listado completo de parametros aceptados:
Read more
No son pocos los framework javascript que podemos encontrar en la red, mejores o peores dependiendo de nuestros gustos y necesidades. Pero hay algo en lo que ninguno puede competir con jQuery, su comunidad, y es que la ingente cantidad de plugins existentes para este framework sorprende a cualquiera.
Hoy os dejo 6 calendarios javascript capaces de cubrir cualquier necesidad.
FullCalendar
Gradientz es un plugin para jquery creado por los británicos de parkerfox que nos permite crear degradados mediante javascript.
Como se puede observar en la imagen su uso es de lo más sencillo, solo cuenta con 5 parámetros y todos son opcionales. Otro punto fuerte de el plugin es su tamaño, poco más de 2Kb. Aquí tenéis un ejemplo de la llamada con la explicación de cada uno de los parametros:
$(selector).gradientz({
start: "red", // Color inicial del degradado.
end: "blue", // Color final del degradado.
distance: 100, // distancia, alto del div por default
angle: 72 // Angulo para el degradado
css: "right: 0px" // Css adicionales
}
Flip! es un plugin para jquery que permite girar capas de contenido sobre si mismas. El efecto es de lo más espectacular y jamas lo he visto en una web. Es además muy muy fácil de aplicar y esta perfectamente explicado/documentado en la web.
En la imagen he intentado reflejar el efecto, pero no me ha quedado especialmente bien, así que nada como pasarse por la web del autor y probar la demo para entenderlo.
Easy Slider es un plugin para jquery que permite crear sliders horizontales y verticales de forma sencilla. Cuenta con varias opciones default fácilmente personalizables para ser adaptado a diferentes necesidades.
Lista de funcionalidades:
- Slide automático
- Slide continuo
- Botones “ir al principio” e “ir al final”
- Slide vertical
- Múltiples sliders por página
Aquí tenéis algunas demos: demo horizontal, demo vertical
Más info y descarga del plugin en el post original del autor.
