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


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.

Ideas de regalos: 15 increíbles artilugios de bolsillo

Ideas de regalos: 15 increíbles artilugios de bolsillo

Base para altavoz portátil con bloque de construcción IPod Este atractivo altavoz retro dock parece una pieza de Lego cuando, de hecho, es un mini altavoz que puede enchufar a su iPod. Está disponible en varios colores: blanco, negro, azul, rojo, verde, naranja, rosa y morado. [Precio - $ 19.90] Chobi Cam Cheese Mini cámara de juguete digital Fácilmente una de las cámaras más pequeñas del mundo, con un peso de 16 g, y no más grande que su palma, este "pedazo de queso" puede tomar fotos fijas, capturar video y grabar voz. Puede c

(Consejos de tecnología y diseño)

Realice un seguimiento de la productividad (y las distracciones) en Chrome sin límites

Realice un seguimiento de la productividad (y las distracciones) en Chrome sin límites

Es más difícil concentrarse y recordar cosas cuando trabajas en línea. Hay tanto que ver, hacer, leer, mirar, seguir, cargar, descargar y ... te da la idea. La productividad puede darse un chapuzón si no se es disciplinado lo suficiente, lo que lamentablemente es cierto para la mayoría de nosotros.Pero

(Consejos de tecnología y diseño)