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


Opprett Minimalistisk Datetime Input Velg med Flatpickr

Et av de vanskeligste feltene å opprette er datoen / klokkeslettet velg . Utviklere ofte ty til enkle velg menyer for måneden / dag / år eller stole på ulike plugins for å gjøre jobben.

Velg felt fungerer fint, men de er litt clunky. I stedet kan du jazz opp skjemaet ditt med Flatpickr plugin . Det er en gratis, åpen kildekode-JavaScript-kalenderen med null avhengigheter .

Den ble designet med minimalisme i tankene, slik at den kan passe inn i et hvilket som helst nettside layout, hvilket som helst nettform, og bør være brukbart fra en hvilken som helst moderne enhet.

En fin ting om dette pluginet er en rekke tilpassede alternativer . Du kan restylle hvordan datoene vises i tekstfeltet og hvor kalenderen starter (standard på "i dag").

Men du kan også bruke den som strengt en datovelger hvis du ikke har behov for tidsvalg. Det er bare en valgfri funksjon som lar deg overføre flere data via skjemaet med denne en plukkeren.

Ta en titt på eksempelsiden for å se Flatpickr i aksjon.

Du kan også angi målrettede alternativer for å begrense datoplukkers oppførsel, for eksempel:

  • Tillater bestemte datoer / intervaller
  • Tillater bare bestemte datoer / intervaller
  • Tillat flere datovalg
  • "Range Mode" for å velge en start- og sluttdato
  • Bare en date picker, eller bare tid, eller både dato og tid sammen

Alternativene er praktisk talt uendelige, og de fungerer alle sammen gjennom denne vaniljens JavaScript-plugin.

Mobilbrukere foretrekker ofte den opprinnelige datoperioden, men du kan overstyre dette med en mobilinnstilling i JavaScript . På denne måten har du samme grensesnitt som fungerer på alle enheter.

Og du kan til og med legge til IE9-støtte med en polyfil som gjør dette til en av de mest støttede dataplukkere -plugins der ute.

Installasjonen er enkel med kommandoer for npm, Bower og Garn . Eller du kan laste ned kildefilene direkte fra GitHub hvis du foretrekker den ruten.

Alt du trenger å vite, finner du på oppsettsiden som viser hvordan du legger til filene i toppteksten din og hvordan du kan ringe denne datovelgeren på et hvilket som helst felt . Enkelt en av de beste dataplukkere som er designet ganske enkelt for å passe med ethvert design.

Ressurser og verktøy for digitale designere og byråer

Ressurser og verktøy for digitale designere og byråer

Det er alltid i webdesignere og designbyråer som er interessert i å holde seg oppdatert med ny teknologi og de nyeste trender innen webdesign. Ressurser for lagerbilder, fonter og andre designelementer blir stadig utvidet og forbedret, designverktøyene blir kontinuerlig oppgradert, og nye produktivitetsfremmende verktøy vises nesten hver dag på markedet.Slik

(Tekniske og design tips)

16 beste YouTube-kanaler for å begynne å lære webutvikling

16 beste YouTube-kanaler for å begynne å lære webutvikling

Vil du være en webutvikler, men ikke sikker på hvor du skal begynne eller hvilket programmeringsspråk til å begynne med ? Det er mange ressurser du kan komme tilbake til for å begynne å lære språk som Swift eller rammer som AngularJS eller til og med responsiv design eller bare koding generelt, hvis du vet hvor du skal se (de er overalt på nettet).Deretter

(Tekniske og design tips)