Blog

08 de agosto de 2016

Recursos para Diseño Web: Scroll Magic

El desarrollo de un sitio web debe ser siempre atractivo para el usuario, con las animaciones podemos hacer que su navegabilidad por el sitio sea intuitiva y entretenida siempre que sean bien utilizadas. En la siguiente nota te mostramos como Scroll Magic puede ayudarte a cumplir esa meta.

ScrollMagic es una librería realizada en javascript para lograr interacciones en el desplazamiento de de diseño web. Es una reescritura completa de su predecesor Superscrollorama y su arquitectura está basada en complementos que ofrecen fácil personalización y extensibilidad.

Es ideal si queremos implementar algunas de las siguientes cosas:

• Animación basada en la posición o desplazamiento del sitio.

• Desencadenar la animación o sincronizarlo con el movimiento del scroll.

• Añadir efecto parallax sin mucho esfuerzo.

• Crear una página con scroll infinito, manejando carga de contenido con ajax.

Características de ScrollMagic

• Rendimiento optimizado, es ligero, flexible y permite extensibilidad.

• Maneja gestión de eventos y programación orientada a objetos.

• Soporta el diseño web adaptativo.

• Tiene soporte para desplazamientos en ambos sentidos (horizontal y vertical)

• Tiene soporte para desplazamientos dentro de los contenedores (div), incluso múltiples en una sola página.

• Funciona perfectamente para los navegadores: Firefox 26+, Chrome 30+, Safari 5.1+, Opera 10+, IE 9+.

• En su repositorio GitHub, posee documentación detallada y muchos ejemplos de aplicación.

¿Como obtener ScrollMagic

Está disponible para obtenerlo de diversas maneras.

1: GitHub?

2: Bower?