Sugerencia sobre herramientas: mover letras con Anime.js y CSS

Sugerencia sobre herramientas: mover letras con Anime.js y CSS

Los efectos de fuente animados son realmente llamativos. Si se usan correctamente, pueden mejorar su diseño. Moving Letters le proporciona 16 imágenes fantásticas.

El diseñador y desarrollador sueco Tobias Ahlin tiene una impresionante acumulación de referencias. En primer lugar, fue uno de los primeros contribuyentes de Spotify y es responsable de su diseño. Hoy, trabaja para Mojang, desarrollando Minecraft. A un lado, de vez en cuando, le gusta lanzar algunos proyectos secundarios más pequeños y algunos más grandes a las masas.

Mover letras por medios sencillos

Su proyecto de código abierto Moving Letters, por ejemplo, es una colección creciente de efectos de texto animados. Tobias usa CSS y JavaScript, apoyado por el motor de animación. Anime.js.

Fragmentos de código para llevar. (Captura de pantalla: Noupe)

El sitio web del proyecto en sí es una pieza de diseño impresionante, que no carece de animación. En la página de destino, encontrará una descripción general clara de todos los efectos. Un clic en un texto abre la vista detallada respectiva, que proporciona el efecto visual, así como los fragmentos de código necesarios en HTML, CSS y JavaScript. Esto le permite integrar el efecto en sus proyectos mediante una simple copia y pegado.

Ahlin proporciona más herramientas útiles para desarrolladores web

Tobias hizo que el código estuviera disponible bajo la licencia liberal del MIT. Así, puedes usarlo de forma gratuita, incluso en comisiones de clientes. Puede que ya conozcas a Tobias Ahlin de sus otros proyectos similares. SpinKit y TypeSource. SpinKit muestra indicadores de estado animados, mientras que TypeSource es una fuente de inspiración para el uso adecuado de Google Web Fonts.

Los tres proyectos merecen un marcador en la caja de herramientas de cada diseñador.

#Sugerencia #sobre #herramientas #mover #letras #con #Animejs #CSS

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada.