Animaciones.JS

He aquí lo que puede convertirse en mi próxima aventura, pero no pienso dar detalles hasta el final, solo pequeñas piezas que se irán juntando, creo que puede ser divertido.

Photo by FRANCESCO TOMMASINI on Unsplash

La primera pieza será un compendio de las principales bibliotecas de animación que se usan en el FrontEnd, las caracterizaré de acuerdo a una serie de parámetros que a continuación listo:

• Aceptación en la comunidad.

• Dependencia de bibliotecas externas.

• Cantidad de ficheros a incluir.

• Tecnología predominante.(CSS, SVG, Canvas, Javascript)

• Filosofía de trabajo.

• Animaciones por defecto.

• Los 3 ingredientes mágicos. (queso, costilla, curri).

animate.css

• Aceptación en la comunidad.
  Start: 11,752
  Fork: 2516

• Dependencia de bibliotecas externas. No.

• Cantidad de ficheros a incluir. 1 (animate.css)

• Tecnología predominante. CSS

• Filosofía de trabajo.
  animate.css Se basa en la inclusión de clases CSS que representan animaciones predeterminadas.

• Animaciones por defecto. Gran cantidad de animaciones por defecto, de hecho esto es lo que hace grande a esta biblioteca.

• Los 3 ingredientes mágicos. (queso, costilla, curri).
  Queso: Si
  Costilla: Si
  Curri: No

tween.js

• Aceptación en la comunidad.
  Start: 1690
  Fork: 266

• Dependencia de bibliotecas externas. No

• Cantidad de ficheros a incluir. 1 (tween.js)

• Tecnología predominante. JavaScript

• Filosofía de trabajo. tween.js Se basa en calcular los valores intermedios entre un valor inicial y un objetivo. Estos valores son expuestos a través del callback onUpdate.

• Animaciones por defecto. No cuenta con animaciones por defecto, ya que en mi opinión no la calificaría como una biblioteca de animación.

• Los 3 ingredientes mágicos. (queso, costilla, curri).
  Queso: No
  Costilla: Si
  Curri: No

animo.js

• Aceptación en la comunidad.
  Start: 1622
  Fork: 231

• Dependencia de bibliotecas externas. Si, jquery-2.0.0.min.js o superior.

• Cantidad de ficheros a incluir. 3

• Tecnología predominante. CSS, JavaScript

• Filosofía de trabajo. animo.js Se basa en la combinación de la biblioteca animate.css con el poder de javascript, para una fácil manipulación de las animaciones.

• Animaciones por defecto. Gran cantidad de animaciones por defecto.

• Los 3 ingredientes mágicos. (queso, costilla, curri).
  Queso: Si
  Costilla: Si
  Curri: No

Textillate.js

• Aceptación en la comunidad.
  Start: 1459
  Fork: 288

• Dependencia de bibliotecas externas. Si.
  - jQuery
  - animate.css, by Daniel Eden
  - lettering.js, by Dave Rupert

• Cantidad de ficheros a incluir. 3

• Tecnología predominante. CSS, JavaScript, HTML Data Api

• Filosofía de trabajo. animo.js Se basa en la combinación de la biblioteca animate.css con el poder de javascript, además de la HTML Data API, lo cual le da un toque declarativo.

• Animaciones por defecto. Gran cantidad de animaciones por defecto.

• Los 3 ingredientes mágicos. (queso, costilla, curri).
  Queso: Si
  Costilla: Si
  Curri: Si

Anima

• Aceptación en la comunidad.
  Start: 1076
  Fork: 85

• Dependencia de bibliotecas externas. No

• Cantidad de ficheros a incluir. 1

• Tecnología predominante. JavaScript, CSS

• Filosofía de trabajo. Anima Se basa en la creación de animaciones mediante Javascript, permitiendo tener un mayor control acerca de las mismas.

• Animaciones por defecto. Gran cantidad de animaciones por defecto.

• Los 3 ingredientes mágicos. (queso, costilla, curri).
  Queso: Si
  Costilla: Si
  Curri: No

¿No crees que les falte un poco de curri a estas bibliotecas?

Animaciones.JS was originally published by Dariel Noel at Dariel Noel on April 17, 2014.