save ass

Spritely es un plugin jQuery para crear un carácter dinámico y de animación para un fondo en HTML puro y JavaScript. Es un plugin liviano que permite crear fácilmente sprites animados y fondos de desplazamiento. Se trata de un plugin que funciona en todos los navegadores importantes incluido el de iPhone e Internet Explorer 6.

Spritely proporciona dos métodos fundamentales, sprite() y pan() ambos para animar la imagen de fondo con las propiedades CSS. La diferencia entre los dos es que una imagen “sprite” contiene dos o más “marcos” de animación, mientras que un ‘pan’ de imagen contiene una imagen continua, que fluye hacia la izquierda o la derecha y luego se repite.

Desarrollado por Artlogic Media; Spritely esta bajo licencia MIT o GPL versión 2.

Otro menú con animación de jQuery bastante simple pero elegante.

A continuación mostrare los pasos a seguir para construir este llamativo menú (continuar leyendo…)

Aquí les traigo otra gracias mas de jQuery. Esta vez se trata de pestañas dinámicas, las cuales se pueden abrir y cerrar a gusto.

(continuar leyendo…)

Otra gracia de jQuery, con esta libreria escrita por Dave Methvin. podremos redondear las esquinas con diferentes diseños y de manera muy simple. (continuar leyendo…)

Un efecto de cortinas desarrollado con la libreria javascript jQuery para animar un poco tu pagina web. Con un simple click puedes abrir o cerrar las cortinas. (DEMO).

Explicaremos paso a paso como generar este efecto. (continuar leyendo…)

Otra excelente librería de jQuery donde podemos generar un slideshow adaptado al tamaño del navegador (demo) con varias opciones como las siguientes:

(continuar leyendo…)

Si bien esta información la encontré en el blog humanossinsentido, encontré que era una gran recopilación de juegos creados en jQuery, se agradece el articulo original del cual se extrajo la información. (continuar leyendo…)

Este Tooltips fue desarrollado por la gente de flowplayer, y en su sitio puedes ver el demo que explicaremos a continuación:

Como pueden ver en el demo, existen cuatro imágenes y sus atributos “title” trabajan como tooltips de cada uno.  El código cuenta de tres partes principales el código HTML, el CSS y el JavaScript. (continuar leyendo…)

Todas las animaciones de cuadro de deslizamiento trabajan bajo la misma idea. Hay una etiqueta div (llamada .Boxgrid en este CSS) que básicamente actúa como una ventana en la que otros dos elementos a su elección interactúan con ella.

DEMO
(continuar leyendo…)

Pirobox en su ultima versión (V.1.2.1) nos genera un thickbox bastante llamativo con nuestra librería amiga jQuery ideal para crear slideshow de imagenes. (continuar leyendo…)