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 .

Cómo los actos de Internet restauran la fe en la humanidad - Parte III

Cómo los actos de Internet restauran la fe en la humanidad - Parte III

No hace mucho tiempo que resaltamos algunas historias de cómo las personas tocan otras vidas a través del uso de Internet y las redes sociales . Desde entonces, han surgido muchas más noticias deprimentes, ya sea una guerra en curso en otras partes del mundo o la muerte de una celebridad querida. A veces incluso nos preguntamos si queda alguna buena noticia en este mundo.Pe

(Consejos de tecnología y diseño)

77 lemas pegajosos y creativos

77 lemas pegajosos y creativos

Un lema es un lema o frase publicitaria que los anunciantes crean para expresar verbalmente la importancia y la idea central de su producto o servicio. En general, es un tema de una campaña que generalmente tiene un papel genuino en la vida de las personas. Tiene la capacidad de prestarle tiempo y atención a las personas al colocar a los consumidores en el centro de la solución .El

(Consejos de tecnología y diseño)