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.

OWC DEC - El dock que le da a su MacBook Pro más espacio de almacenamiento

OWC DEC - El dock que le da a su MacBook Pro más espacio de almacenamiento

A falta de puertos, una de las quejas más frecuentes sobre la nueva MacBook Pro es la incapacidad de actualizar el espacio de almacenamiento de la notebook . Sin embargo, al igual que el problema del puerto, una empresa de terceros tiene una solución para eso, y viene en la forma de un muelle.Desarrollado por el fabricante de almacenamiento OWC, el OWC DEC es un dock que viene con módulos de almacenamiento flash NAND . U

(Consejos de tecnología y diseño)

20 naipes interesantes que puedes comprar

20 naipes interesantes que puedes comprar

Jugar a las cartas es uno de los juegos de mesa más interesantes de todos los tiempos. Se juegan en todas partes del mundo por personas de diferentes edades, culturas y gustos. Debido a esto, las cartas se convierten a menudo en diseños más interesantes y creativos. Por lo tanto, en este post voy a mostrar cómo los diseñadores de certian han extendido su creatividad en naipes .Desd

(Consejos de tecnología y diseño)