Agregue su propia barra de progreso de carga de página con Pace.js

Para algunos usuarios, una barra de progreso puede ser muy útil. Les informa cuánto más cerca están de completar tareas. Normalmente, esto se usa para brindar una experiencia más amigable para el usuario. Cuando abre una página web en su navegador favorito, ya hay una barra de progreso predeterminada en la pestaña del navegador para ver si la página está completamente cargada.

Con Pace.js, ahora puede incorporar la barra de progreso de carga de página en su propia página.

Pace.js es una biblioteca de JavaScript para crear una hermosa barra de progreso de carga de página en un sitio web. El progreso se establece automáticamente al inspeccionar las solicitudes ajax, el estado preparado para el documento, el retraso del ciclo de eventos (que muestra que javascript se está ejecutando) y la existencia de elementos específicos en una página.

Cuando tiene lugar un evento de navegación ajax o pushState, la barra de progreso también se reiniciará nuevamente.

Empezando

Pace.js es muy fácil de implementar. Se puede usar incluso sin tener la biblioteca jQuery en su sitio. Solo necesita incorporar pace.js y un tema CSS de su elección lo más temprano posible en su documento:

¡Eso es! Ya terminaste y tu sitio ahora tiene una hermosa barra de progreso de carga de página.

Configuración

En lo que respecta a las sustancias, no hay necesidad de configuración adicional ya que Pace.js viene con automatización completa. Pero si la configuración predeterminada no satisface sus necesidades, también puede usar su propia configuración.

Para personalizar aún más, hay dos métodos simples que puede elegir. Primero, al incluir la configuración dentro de window.paceOption como la siguiente.

Un segundo método es donde puede agregar fácilmente data-pace-options dentro de una etiqueta de script, luego definir la configuración y llamar al recurso pace.js como tal.

Puede encontrar la lista completa de configuraciones disponibles que puede usar en la página fuente.

Pensamiento final

Este complemento viene con un montón de temas listos para usar . Para ver la lista completa y la demostración de los temas, puede dirigirse al sitio del complemento. Si esos temas no le convienen, puede crear fácilmente los suyos. Con la ayuda de un complemento como Pace.js, ahora no tiene que preocuparse por las dificultades para implementar una barra de progreso de la página de carga en su sitio.

10 servicios de conversión para sus necesidades de codificación

Si usted es un diseñador web típico, naturalmente deja la codificación a otra persona, ya sea porque no tiene otra opción, o no tiene el tiempo o el esfuerzo para hacer la codificación usted mismo. Incluso los diseñadores web que dominan la codificación prefieren que un desarrollador profesional haga el trabajo para garantizar que se realice de forma rápida y precisa.Encontr

(Consejos de tecnología y diseño)

40 herramientas y aplicaciones para mejorar tu cuenta de Instagram

Nos divertimos con la última publicación en 80 herramientas de Twitter para hacer casi todo, así que pensamos en volver a visitar el formato con Instagram. La lista arrojó una variedad de herramientas que pueden agregar más diversión para usuarios avanzados y ávidos usuarios de Instagram, desde la programación regular de publicaciones hasta la impresión de sus fotos de Instagram en libros y otros medios sorprendentes.En esta

(Consejos de tecnología y diseño)