Recursos para Diseño Web: Scroll Magic

08 de agosto de 2016

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?

1

git clone git://github.com/janpaepke/ScrollMagic.git

2: Bower?

1

bower install scrollmagic



Cotiza de forma rápida








Noticias relacionadas

Puntos vitales de un buen diseño web 14 de septiembre de 2018
Tipografías para el 2018 20 de diciembre de 2017