Anime.js - Una biblioteca ligera de animación en JavaScript
La animación web ha recorrido un largo camino. Los desarrolladores no solo pueden hacer animaciones con un combo de CSS / SVG / JS, sino que también hay docenas de bibliotecas gratuitas para ahorrar tiempo en el proceso.
Uno de mis favoritos es Anime.js, una biblioteca de animación de JavaScript de código abierto completamente gratuita.
Esta biblioteca puede hacerlo todo . Se basa en JavaScript pero también depende en gran medida de las animaciones CSS . Puede orientar elementos de página individuales a través del DOM o incluso puede orientar SVG personalizados .
Toda la documentación está alojada en GitHub, por lo que puede necesitar desplazarse para encontrar exactamente lo que está buscando. Pero cada función de animación viene con algunos parámetros, como el retraso, la duración y la aceleración.
Tenga en cuenta que esta biblioteca no viene con muchos estilos de animación predeterminados. Anime.js está hecho para desarrolladores que desean personalizar sus animaciones sin escribir código detallado .
Para ver un ejemplo en vivo, consulte el bolígrafo Codepen a continuación. El código es extremadamente simple, pero se obtiene una animación creíble con squash y stretch plus anticipación, ambos fundamentos de la animación.
Una advertencia justa: la biblioteca de Anime.js es densa . No es tan difícil crear una animación personalizada, pero es necesario que comprenda algunos conceptos básicos como la simplificación y la sintaxis común de JavaScript para las devoluciones de llamada y las opciones.
Pero toda la información que necesita está en la página de repositorio, incluidas muchas muestras de código y tablas de documentación detalladas . Y puede navegar a través de abrir informes de errores o consultar el soporte del navegador que actualmente incluye todos los principales navegadores e IE 10+ .
Esta es fácilmente una de las mejores bibliotecas de animación para desarrolladores web y debería ser su solución de búsqueda para cualquier animación web compleja .
Para ver un montón de ejemplos en vivo, mira esta colección de demos de Anime.js alojadas en CodePen. A continuación, incrustó mi favorito que anima todo el logotipo desde cero, con verdadera vivacidad.
Planee un viaje a cualquier ciudad con las guías de la ciudad de Facebook
Los viajeros ávidos podrían confiar pronto en Facebook para ayudarlos a planificar sus viajes, ya que parece que el servicio de red social está lanzando una función llamada "Guías de la ciudad" para las masas.Si es uno de los primeros que logró acceder a la función, podrá encontrar la función Guías de la ciudad a través del menú "Más" de la aplicación de Facebook. A través de
15 aplicaciones Android Wear que debes descargar
Los relojes Android Wear ya están en marcha, con el anticipado Moto 360 finalmente en manos de los consumidores y otros fabricantes que anuncian nuevos relojes como el LG G Watch R. Con esta avalancha de nuevos productos, los desarrolladores están viendo el potencial del sistema operativo y han lanzado aplicaciones que son compatibles con él.En