es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Cree efectos en cascada fácilmente con CascadeJS

Las animaciones de lujo son una moneda de diez centavos en la web. Se están volviendo más fáciles de crear con toneladas de increíbles bibliotecas de animación .

Cascade.js es una biblioteca más para agregar a la lista, y definitivamente es única. Con Cascade, puede diseñar efectos de animación personalizados usando letras en cascada en texto o elementos en cascada en un contenedor principal.

Esta biblioteca no tiene dependencias ; se ejecuta en JavaScript clásico. Puede instalarlo a través de npm, Bower o descargando una copia directamente desde GitHub.

Para que CascadeJS funcione, necesitará dos archivos : un archivo CSS y un archivo JavaScript. Ambos vienen empaquetados con versiones minificadas para ahorrarle unos KB en tamaño de página.

Cada elemento de Cascade se divide en partes separadas que se animan individualmente a través de los elementos. Estos se agregan dinámicamente, por lo que no necesita cambiar nada en su HTML.

Sin embargo, deberá configurar la función flow() en su archivo, después de seleccionar el elemento que desee animar.

En realidad, puede utilizar jQuery con esta biblioteca, aunque no es necesario . Por lo tanto, si prefiere seleccionar elementos con jQuery, puede usarlos en su lugar.

Aquí hay un fragmento de JavaScript vainilla de la demo del sitio principal:

Puede pasar el elemento flow() sin parámetros, o puede configurarlos usted mismo. Se necesitan ocho parámetros opcionales para editar el estilo de animación, el tiempo, la duración y las clases de CSS opcionales.

CascadeJS tiene otra función llamada fragment() que le permite dividir letras (o elementos) en contenedores separados, sin animarlos. Puede usar esta función para colorear y cambiar el texto de la página al orientar cada letra en una palabra. Genial, ¿verdad?

Todos los ejemplos de código están disponibles de forma abierta en la página principal de la biblioteca, por lo que puede copiar, pegar y retocar por su cuenta. Pero también encontrará la documentación en la página de GitHub si está buscando una manera más clara de comenzar.

Los 10 mejores servicios en línea para vender productos digitales sin esfuerzo

Los 10 mejores servicios en línea para vender productos digitales sin esfuerzo

En estos días, todos pueden ser creadores. La tecnología ha democratizado el proceso creativo, y casi todos pueden vender productos creativos como música, fotografía, videos, libros electrónicos y obras de arte en línea. Pero si bien los mercados en línea le garantizarán mucha visibilidad, hay mucho a lo que tiene que renunciar: los mercados a menudo reducen significativamente sus ventas, usted no controla el aspecto y la marca del sitio y, a veces, usted ni siquiera tiene control sobre los precios de sus productos.Aquí es

(Consejos de tecnología y diseño)

Agregue botones sociales receptivos a los sitios web fácilmente con RRSSB

Agregue botones sociales receptivos a los sitios web fácilmente con RRSSB

Los botones de uso compartido de redes sociales son increíblemente poderosos para atraer tráfico y llamar la atención sobre su sitio. Siempre puedes usar insignias de conteo personalizadas, pero no siempre son fáciles de configurar.La manera más nueva y simple de ir es RRSSB, botones de compartir social ridículamente receptivos (¡qué acrónimo!).Cada b

(Consejos de tecnología y diseño)