nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Maak minimalistische Datetime Input Select met Flatpickr

Een van de lastigste velden om te maken is de datum / tijd selectie . Ontwikkelaars maken vaak gebruik van eenvoudige keuzemenu's voor de maand / dag / jaar of vertrouwen op verschillende plug-ins om het werk te doen.

Selecteer velden werken prima, maar ze zijn een beetje onhandig. In plaats daarvan kun je je formulier jazzen met de Flatpickr-plug-in . Het is een gratis, open-source JavaScript-kalenderkiezer met nul afhankelijkheden .

Het is ontworpen met het minimalisme in het achterhoofd, dus het kan in elke websitelay-out, elke webvorm passen en moet bruikbaar zijn vanaf elk modern apparaat.

Een aardig ding over deze plug-in is de verscheidenheid aan aangepaste opties . U kunt restylen hoe de datums in het tekstveld verschijnen en waar de kalender start (standaard "vandaag").

Maar u kunt het ook als strikt datumkiezer gebruiken als u de tijdselectie niet nodig hebt. Het is slechts een optionele functie waarmee u met deze ene kiezer meer gegevens door het formulier kunt sturen.

Bekijk de pagina Voorbeelden om Flatpickr in actie te zien.

U kunt ook gerichte opties instellen om het gedrag van de datumkiezer te beperken, zoals:

  • Niet toestaan ​​van bepaalde datums / bereiken
  • Alleen bepaalde datums / bereiken toestaan
  • Meerdere datumselecties toestaan
  • "Bereikmodus" om een ​​begin- en einddatum te selecteren
  • Gewoon een datumkiezer, of gewoon tijd, of beide datum en tijd samen

De opties zijn vrijwel eindeloos en ze werken allemaal via deze ene vanille JavaScript-plug-in.

Mobiele gebruikers geven vaak de voorkeur aan de native datumkiezer, maar u kunt dit overschrijven met een mobiele instelling in JavaScript . Op deze manier heb je dezelfde interface die op alle apparaten werkt.

En u kunt zelfs IE9-ondersteuning toevoegen met een polyfill, waardoor dit een van de meest goed ondersteunde datumplukker -plug-ins is die er zijn.

Installatie is eenvoudig met opdrachten voor npm, Bower en Yarn . Of u kunt de bronbestanden rechtstreeks vanuit GitHub downloaden als u die route verkiest.

Alles wat u moet weten, kunt u vinden op de instellingenpagina, die u laat zien hoe u de bestanden aan uw koptekst toevoegt en hoe u deze datumkiezer op elk veld kunt aanroepen . Gemakkelijk een van de beste datumplugins voor de datumverzamelaar, eenvoudig genoeg ontworpen om in elk ontwerp te passen.

15 klassieke visitekaartjes van Tech Legends

15 klassieke visitekaartjes van Tech Legends

Hoewel u over voldoende opties beschikt om online een vertoning offline te laten, biedt het visitekaartje nog steeds een primaire bestemming voor de benadering "hier kunt u contact met mij opnemen". Er zijn tal van zeer interessante ontwerpen voor visitekaartjes, maar als je je ooit hebt afgevraagd hoe de visitekaartjes van technische legendes zoals Bill Gates en Steve Wozniak eruit zagen, hebben we een compilatie voor je

(Technische en ontwerptips)

5 Beste plug-ins voor WordPress-testimonials

5 Beste plug-ins voor WordPress-testimonials

Testimonials zijn een geweldige manier om potentiële klanten te laten weten dat mensen uw product al hebben gekocht en goede ervaring hebben met het gebruik ervan. Het moedigt kopers aan om op uw product of services te vertrouwen en voegt authenticiteit toe aan uw merk.Het gebruik van WordPress-plug-ins om uw testimonials te verzamelen, weer te geven en te beheren is een geweldige oplossing.

(Technische en ontwerptips)