no.hideout-lastation.com
Paradis For Designere Og Utviklere


Lag Maskinvare Progress Bar enkelt med Mprogress.js

Det er ikke nektet at Googles materialdesign har radikalt endret web. Det tilbyr et felles design språk som brukergrensesnittdesignere kan søke på alle nettsteder og mobilapper.

Denne materielle designtrenden har ført til mange biblioteker, inkludert den populære materialiseringsrammen. Og et av de kuleste nye materialprosjektene jeg har funnet er Mprogress.js .

Dette JavaScript-biblioteket genererer en fremdriftslinje i materiell stil ved hjelp av rent CSS og JavaScript. Ingen avhengigheter, ingen tull. Bare enkelt lasting (og forhåndsbelastning) med et materiale design utseende som vil matche ethvert nettsted eller webapplikasjon.

Oppsettet er ganske enkelt og krever bare to filer : et CSS og et JS-skript fra Mprogress.

Du kan laste ned begge fra GitHub repo eller bruke en pakkebehandling som npm eller Bower. Derfra må du opprette et nytt Mprogress-objekt og fortelle det om å starte lasteren.

Dette kan gjøres med bokstavelig talt en linje med kode :

 var mprogress = ny Mprogress ('start'); 

Andre egenskaper kan brukes for å endre animasjonstidspunktet, hastigheten eller visningsfargen på fremdriftslinjen. Denne konfigurasjonen gjør at du kan opprette egendefinerte maler basert på standard materiale design stil. Rått!

Ta en titt på demo siden for å se denne lasteren i aksjon. Det er ikke en fortryllende lastestang, men det gir en fin løsning uten at du trenger å bygge en fra bunnen av.

Du kan kjøre metoder som set() å angi en prosentandel eller inc() å øke lastingslinjen . Det kan håndteres programmatisk for å lage en HTTP-laster, men det krever ekstra arbeid i JavaScript.

Mprogress.js skjønnhet er dens enkelhet . Det forteller deg ikke hvordan du skal strukturere data eller hva du trenger å laste. Det kan være å laste siden, eller det kan være å håndtere en filopplasting. Eller det kan spore hvor langt ned brukeren har rullet fra toppen av siden.

Det er så mye du kan gjøre med dette biblioteket, og med null avhengighet kan du bruke det til et hvilket som helst webprosjekt. For å komme i gang, sjekk ut MProgress repo på GitHub hvor du også kan bla gjennom dokumentasjonen .

Googles nye reCAPTCHA er nå usynlig

Googles nye reCAPTCHA er nå usynlig

Mange av dere kan være kjent med reCAPTCHA, systemet som luker ut elektroniske bots ved å be brukerne å krysse av i avkrysningsboks for å verifisere brukeren som menneske. Vel, det systemet får en oppgradering snart som Google ønsker å gjøre reCAPTCHA usynlig .Med dette usynlige reCAPTCHA-systemet vil Google benytte maskinlæring og avansert risikoanalyse for å identifisere om personen som surfer på nettstedet, er et menneske eller en bot. Forutsatt

(Tekniske og design tips)

Enkel og nydelig Android Wear Watch Faces

Enkel og nydelig Android Wear Watch Faces

Med utgivelsen av de første Android Wear-klokka, har mange utviklere begynt å frigjøre apps som fungerer med wearable. Sammen med programmer som gir ulike sett med funksjonalitet til enheten, har utviklere sluppet se på ansikter som lar brukerne tilpasse utseendet til deres brukbare .I denne listen velger vi vår favoritt og flotteste 25 Android Wear watch-ansikter du kan få fra Play Store. Noen

(Tekniske og design tips)