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


Crear barra de progreso de diseño de material fácilmente con Mprogress.js

No se puede negar que el diseño material de Google ha cambiado radicalmente la web. Ofrece un lenguaje de diseño común que los diseñadores de UI pueden aplicar a todos los sitios web y aplicaciones móviles.

Esta tendencia de diseño de materiales ha llevado a muchas bibliotecas, incluido el popular marco Materialise. Y uno de los mejores nuevos proyectos materiales que he encontrado es Mprogress.js .

Esta biblioteca de JavaScript genera una barra de progreso de estilo material utilizando CSS y JavaScript puros. Sin dependencias, sin tonterías. Simplemente carga (y precarga) con una apariencia de diseño de materiales que coincidirá con cualquier sitio web o aplicación web.

La configuración es bastante simple y solo requiere dos archivos : un CSS y un script JS de Mprogress.

Puede descargar ambos desde el repositorio de GitHub o usar un administrador de paquetes como npm o Bower. A partir de ahí, debe crear un nuevo objeto Mprogress y decirle que inicie el cargador.

Esto se puede hacer con literalmente una línea de código :

 var mprogress = new Mprogress ('inicio'); 

Se pueden aplicar otras propiedades para cambiar el tiempo de la animación, la velocidad o el color de la barra de progreso. Esta configuración incluso le permite crear plantillas personalizadas basadas en el estilo de diseño de materiales predeterminado. ¡Increíble!

Echa un vistazo a la página de demostración para ver este cargador en acción. No es una barra de carga fascinante, sin embargo, ofrece una buena solución sin la necesidad de construir uno desde cero.

Puede ejecutar métodos como set() para establecer un porcentaje o inc() para incrementar la barra de carga . Se puede manejar mediante programación para crear un cargador HTTP, pero eso requiere trabajo adicional en JavaScript.

La belleza de Mprogress.js es su simplicidad . No le dice cómo estructurar los datos o qué necesita cargar. Podría estar cargando la página o podría estar cargando un archivo. O podría rastrear qué tan abajo el usuario se desplazó desde la parte superior de la página.

Hay tanto que puedes hacer con esta biblioteca y con cero dependencias puedes usarla para cualquier proyecto web. Para comenzar, consulte el repositorio MProgress en GitHub, donde también puede examinar la documentación .

Recursos para el Día de San Valentín: 20 juegos de iconos para ponerte en el estado de ánimo

Recursos para el Día de San Valentín: 20 juegos de iconos para ponerte en el estado de ánimo

¡El amor está en el aire! ¡El Día de San Valentín está a la vuelta de la esquina y es un momento perfecto para compartir el amor con increíbles regalos! Lo que tenemos para ti hoy es una compilación de 20 conjuntos de iconos del Día de San Valentín que puedes descargar gratis .Desde corazones hasta osos de peluche y dulces, pasando por botellas de vino, seguramente recogerás algunos iconos de la lista que se adaptarán a cualquier sensación o atmósfera que desees alcanzar, todo en el espíritu del Día de San Valentín, por supuesto.Puede utilizar e

(Consejos de tecnología y diseño)

Pictaculous: obtenga su paleta de colores por correo electrónico

Pictaculous: obtenga su paleta de colores por correo electrónico

Somos fanáticos de las herramientas de color y los selectores de color porque hacen que nuestras vidas como diseñadores se pierdan más fácilmente. Las herramientas como 0to255 nos ayudan a encontrar códigos HEX para tonos de color, mientras que Adobe Kuler nos permite generar combinaciones de colores desde un dispositivo iOS. Hoy

(Consejos de tecnología y diseño)