El famoso accordion es un elemento perfecto para mostrar una galería de fotos con estilo. Gracias a jQuery y las hojas de estilo podemos implementar uno rapidamente. He aqui una recopilación de entre plugins y tutoriales sobre jQuery para desarrollar ó colocar nuestro propio acordeón de imagenes ó cualquier otro contenido. Indispensable tener a disposición una lista de recursos para...
BookBlock es un plugin para jQuery que puedes usar para crear contenido web en forma de folletos ó revista, con un efecto de voltear página ó "page flip". Cualquier contenido puede estar dentro del bloque que se convertirá en una página, tales como imágenes ó texto. El plugin transforma el bloque o estructura sólo cuando sea necesario (a pasar de página).
Codrops...
Web Audio API presenta una variedad de nuevas características de audio para la plataforma web. Puede ser usado con las APIs grafícas canvas 2D y WebGL 3D para crear una nueva generación de juegos y aplicaciones interactivas. A qui se muestra su uso bien básico sin Flash, ni elemento de audio HTML 5. Se usa jQuery para seleccionar las etiquetas y...
D3 es un poderoso framework en JavaScript para manipulación visual de datos. Combina las tecnologías HTML, SVG y CSS que lo hace sencillo y compatible con la mayoría de navegadores actuales. Podemos consultar el site principal, y ver la diversidad de ejemplos para darnos una idea del potencial de este framework, como la documentación.
Codrops ha preparado un tutorial paso a...
La semana pasada mencionamos como redimensionar el contenido de una página web según el dispositivo de visualización (Redimensionar contenido de página web con CSS3 y HTML5), lo cual incluye las imágenes. Pues jQuery Picture es un pequeño plugin (2KB) que agrega soporte para las imágenes de una página web para que responda al diseño. Trabaja con el los elementos <figure>, y los...
BigVideo.js, un plugin para jQuery nos permite colocar ó fijar un video como fondo de página web, por lo general se coloca una imagen que se repite ó fotografía, etc; pero esta vez cambiando el tradicional esquema: un video ó una serie de videos. Bueno el plugin tambien acepta imagenes como fondo.
Uso básico:
$(function() {
var BV =...
inserthtml ha preparado un tutorial completo paso a paso sobre como desarrollar un cargador de archivos con la característica drag & drop (arrastrar y soltar) en HTML 5, con PHP y jQuery.
El tutorial nos permite descargar los archivos fuente del código como también una demostración de uso.
Tutorial Creating a Complete HTML5 Drag and Drop File Uploader with jQuery
Adaptador es un plugin ligero para jQuery que logra un efecto slider (deslizante) del contenido HTML y especialmente de imágenes, ó diapositivas. La característica más llamativa de este plugin es que realiza un slider con efecto 3D, ó rotación en forma de cubo de las imágenes, además de lo ya conocidos efectos: scroll, blind y fade. El plugin trabaja con...
Turn.js es una biblioteca JavaScript que convierte el contenido de una web en un libro, una revista ó un catálogo, con su respectiva animación tal cual pasamos de una página a otra. Actualmente cuenta con una versión para HTML5 de pago con muchos agregados interesantes y que podemos ver en turnjs.com, y también con una versión más sencilla con licencia...
A medida que pasa en tiempo los complementos ó plug-ins para agregar funcionalidad a nuestro sitios web aumentan, y es hora de actualizar el listado de estos para tenerlos a la mano al momento de desarrollar una aplicación web. Los calendarios son un elemento importante en el desarrollo de un proyecto web cuando de trabajar con fechas se trata. Veamos...