ScrollMagic - Apprendemos.com

Anima tu web al hacer scroll con ScrollMagic

Siguiendo nuestro recorrido por los repositorios de moda en GitHub, hoy probamos las características de un plugin en jQuery perfecto para darle vida a nuestra web.
Hoy por hoy seguimos asombrándonos cuando hacemos scroll en una web y todo cobra vida.

Elementos que se desplazan, que cambian de forma, tamaño o color. Todos estos efectos quedan realmente bien si se tiene algo de gracia para aplicarlos.

Uno de los repositorios destacados de la semana en GitHub es ScrollMagic, que como su nombre indica dará magia a nuestra web cuando hagamos scroll.

Al final de post podrás encontrar los enlaces al proyecto en GitHub y a la web de presentación y ejemplos.

Estos son algunos de los muchos ejemplos que podemos encontrar: 

 

Tweening:

ScrollMagic - GitHub - Apprendemos.com

 

Pinning:

ScrollMagic - GitHub - Apprendemos.com

 

Horizontal:

ScrollMagic - GitHub - Apprendemos.com

 

Debugging:

ScrollMagic - GitHub - Apprendemos.com

 

Tweening avanzado:

ScrollMagic - GitHub - Apprendemos.com

Paralax:

ScrollMagic - GitHub - Apprendemos.com

 

Direcciones múltiples:

ScrollMagic - GitHub - Apprendemos.com

 

 

Además podemos ver que la instalación y su uso son realmente sencillos:

ScrollMagic - GitHub - Apprendemos.com ScrollMagic - GitHub - Apprendemos.com

 

 

Es compatible con los navegadores esenciales, incluido Internet Explorer 9. Por motivos laborales, como la mayoría de desarrolladores odio Internet Explorer y su incompatibilidad con miles de recursos y códigos, por lo que, si este plugin no soporta versiones anteriores de este tedioso navegador, no nos debe importar mucho. 

 

Además si quien ha de ver nuestra web utiliza Internet Explorer y en versiones anticuadas, es obvio que le va a importar poco si al hacer scroll los elementos están animados ^^

 

¡Que lo disfrutéis!

 

ScrollMagic en GitHub.com

Web de ScrollMagic

Ejemplos de ScrollMagic

 

In the Free Yoast seo premium nulled metabox you can set a focus keyword.

Author Image
Author: ManuAlamar iOS & .NET Developer. Ingeniero Técnico Informático especialmente interesado en proyectos relacionados con la tecnología móvil y web