Crea hermosas animaciones con esta biblioteca de Javascript
Hay toneladas de bibliotecas de animación gratuitas, todas con diferentes efectos y especialidades. Pero la nueva biblioteca Particles.js toma una dirección totalmente nueva al crear partículas animadas que se mueven en tiempo real por toda la página.
Esta biblioteca fácil de usar es completamente gratuita y de código abierto en GitHub. Ciertamente no lo ayudará a mejorar el UX de su sitio, pero puede ayudarlo a agregar algunos efectos de partículas entrelazadas al fondo.
En la página principal, encontrará una demostración interactiva en vivo donde puede jugar con las características de la biblioteca. Esto le permite ajustar el tamaño de partícula, velocidad, forma, color, posición, nombre.
Como esta es una biblioteca tan detallada, requiere una buena comprensión de JavaScript para que funcione. Es por eso que esta demostración en vivo es tan valiosa porque permite que cualquiera juegue con esta configuración para ver qué es posible en JavaScript.Y, si está de acuerdo con la exportación de estos gráficos, puede guardar las imágenes directamente desde la página de demostración de la aplicación web. Puede exportar un PNG sin formato o incluso guardar todas sus configuraciones personalizadas en un archivo JSON que luego importa directamente en el script Particles.js.
De forma predeterminada, puede elegir entre un pequeño puñado de temas con diferentes estilos de partícula:
- Estrellas de la NASA
- Burbujas
- Nieve
- Estrellas de gato Nyan
- Formas geométricas predeterminadas
Con estos valores predeterminados, aún puede editar todas las configuraciones principales para refinar colores, posiciones, velocidades y todo lo demás.
La mejor parte de esta biblioteca es la función de personalización en vivo en la página principal. Si quiere entrar en los detalles esenciales, realmente necesita comprender JavaScript y la codificación frontend.Pero incluso un principiante podría trabajar a través de la interfaz, elegir la configuración que desea y exportar todo como un archivo JSON.
Una biblioteca brillante para cualquiera que busque crear partículas dinámicas en la web . Para obtener más información, visite el repositorio de GitHub y puede compartir sus ideas con el creador Vincent Garreauon en Twitter @VincentGarreau.
Las 9 mejores herramientas para optimizar GIF animados
Los GIF animados, aunque fascinantes y útiles para mostrar animaciones, consumen mucho más ancho de banda que JPG, PNG y otros formatos de imagen. En los sitios que muestran GIF mucho esto significa que el tiempo de carga requerido es más largo, es decir, el sitio web parece tardar más en cargarse por completo.Afo
Cómo lograr una alta productividad con unos pocos pasos sencillos
Nos guste o no, las condiciones de nuestro ambiente de trabajo tienen un impacto en la forma en que funcionamos. Sin embargo, nos estamos refiriendo a algo más que el espacio de oficinas de calambre que tienes que aguantar. Gran parte del trabajo interno en la oficina se extiende más allá de su escritorio abarrotado o donde coloca sus cactus en macetas .La