Legg til din egen side Load Progress Bar med Pace.js

For noen brukere kan en fremdriftslinje være en veldig nyttig ting. Det informerer dem om hvor mye de er nærmere for å fullføre oppgavene. Normalt brukes dette til å gi en mer brukervennlig opplevelse. Når du åpner en nettside i favorittbrowseren din, er det allerede en standard fremdriftslinje i nettleserfliken for å se om siden er fullstendig lastet.

Med Pace.js, kan du nå inkludere sidelinjens fremdriftslinje i din egen side.

Pace.js er et javascriptbibliotek for å lage en nydelig sidelastfremdriftslinje på et nettsted. Fremdriften opprettes automatisk ved å inspisere ajax-forespørsler, dokumenttilstandsstand, hendelsesløpsslag (viser at javascript utføres) og eksistensen av bestemte elementer på en side.

Når en pushState eller en pushState hendelse finner sted, blir også fremdriftslinjen startet på nytt.

Starter

Pace.js er veldig enkelt å implementere. Den kan brukes selv uten å ha jQuery-bibliotek på nettstedet ditt. Du må bare innlemme pace.js og et CSS-tema etter eget valg så tidlig som mulig i dokumentet ditt:

Det er det! Du er ferdig, og nettstedet ditt har nå en nydelig side lasting av fremdriftslinjen.

konfigurasjon

Stoffvis, det er ikke behov for ytterligere konfigurasjoner som Pace.js kommer med full automatisering. Men hvis standardinnstillingen ikke tilfredsstiller dine behov, kan du også bruke din egen konfigurasjon.

For å tilpasse videre, er det to enkle metoder du kan velge. Først ved å inkludere konfigurasjon inni window.paceOption som følgende.

En annen metode er hvor du enkelt kan legge til data-pace-options inne i et skript, og definer deretter konfigurasjonen og ring pace.js-ressursen slik.

Du finner den komplette listen over tilgjengelige konfigurasjoner du kan bruke på kildesiden.

Endelig tanke

Denne plugin kommer med en rekke ferdige temaer . For å se hele listen og demo av temaene, kan du gå videre til plugin-siden. Hvis disse temaene ikke passer deg, kan du enkelt lage din egen. Ved hjelp av et plugin som Pace.js, trenger du ikke å bekymre deg for vanskeligheter med å implementere en fremdriftslinje for lasting av siden til nettstedet ditt.

10 Unike Playing Card Designs Du vil helst beholde enn å spille

Ifølge Wikipedia hadde spillekort vært i over 1100 år nå. De har endret seg betydelig siden da. Ulike varianter av dekk har blitt opprettet, men det vi gjenkjenner som et vanlig kortkort, har ikke endret seg mye for en stund. Det er i det minste det du kanskje tror! Det er mange selskaper som har skapt spesielle dekk som spenner fra merkelig til nydelig til nyttig.Hvi

(Tekniske og design tips)

10 tips for å unngå å overskride mobildatakvoten din

Et stigende flertall av mennesker surfer på nettet ved hjelp av mobiltelefoner med bruk av Wi-Fi, eller mobil- / mobildata mens de er på farten. Mens overføringshastigheten blir raskere, begrenser telekom antall byte du får til en månedlig kvote eller kvote. Hvis du overskrider kvoten din, vil etterfølgende nettlesing bli redusert sterkt, spredt av Internett-leverandøren din. Alter

(Tekniske og design tips)