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.

20 stilige vannavstøtende klokker for sommeren

Mens teknologien verden er freaking ut om smartwatches (2014 synes å være året for smartwatches), blir mange ikke-så-klare klokker en oppgradering i design og stil. Hvis du er på utkikk etter et klokke for å gjøre akkurat hvilke klokker som passer best, mens du fortsatt er i stand til å rive ut sommertidene, er dette innlegget definitivt for deg. Her er

(Tekniske og design tips)

7 grunner til at kunder engasjement vil vokse din virksomhet

Hvis du tidligere har administrert en forbrukerundersøkelse, har gjennomgått tilbakemeldinger fra kunder eller vært involvert i en fokusgruppe, vil det ikke være noen overraskelse for deg hvordan å fortelle denne informasjonen kan være .I denne artikkelen ser vi på 7 viktige årsaker til at vanlige kundetilfredshet bidrar til å utvide bedrifter i alle former og størrelser, og hvordan du kan få mest mulig ut av tilbakemeldingene og undersøkelsesresponsene når du mottar dem.1. Dine kund

(Tekniske og design tips)