Multi.js - En brukervennlig velg boks bygget på vanlig JavaScript
Velg menyer er primitive, men de fungerer. Det samme gjelder alle de typiske forminngangene som for eksempel boksene og radioknappene .
Det er enkelt å lage dine egne skjemaer, men gjenoppbygging av grensesnittelementer fra grunnen kan være tøft. Derfor er Multi.js et så verdifullt plugin for å erstatte standard utvalgsbokser .
Med Multi.js gir du besøkende en liste over elementer du kan velge fra med en multifunksjonsfunksjon innebygd i skjemaet. På denne måten kan brukere klikke på flere elementer uten å stole på avmerkingsboksene.
Dette skriptet støtter selv en søkefunksjon, slik at brukere kan søke etter elementer hvis listen er spesielt lang.Jeg finner også menyen ganske intuitiv, så det trenger ikke mye forklaring . Du klikker på et element på venstre side for å legge det til høyre kolonne (eller "valgte" elementer). Deretter klikker du på elementer i den høyre kolonnen for å fjerne dem.
Alt går på vanilla JavaScript, inkludert søkefunksjonen, slik at du ikke trenger noen avhengigheter. Selv om det støtter jQuery hvis nettstedet ditt bruker det biblioteket.
Alt du trenger er Multi.js-filen og CSS-stilarket for å følge med. Deretter lager du bare en
var select_element = document.getElementById ('your_element_ID'); multi (select_element);
Akkurat nå støtter plugin ikke opptil grupper, men denne funksjonen er i arbeidene.
Uansett er standardfunksjonen fantastisk. Det fungerer som du forventer, og det støtter selv mobile responsive layouter .
For å lære mer, sjekk ut GitHub-repoen som også inneholder nedlastbare filer . Multi.js demosiden er flott for å se hvordan dette pluginet fungerer i nettleseren . Men egentlig, det er bare en enkel måte å restylle dine valgte menyer samtidig som du forbedrer skjemaets generelle brukeropplevelse.
21 Top Material Design WordPress Temaer for 2018
Som materiell design blir stadig mer populær, bruker de fleste designere nå WordPress-materiale design temaer for å visualisere sine blogger eller nettsteder. Men på grunn av variasjonen i funksjoner og utseendet på disse temaene har jeg sett mange mennesker sliter mens de velger den rette for deres nettsteder.Derf
Frisk ressurs for webutviklere - januar 2018
Det nye året 2018 er her. Hvis vi ser på fremdriften i webutvikling for fem år siden, er det helt annerledes enn det vi har i dag. I dag er det nye metoder, verktøy og til og med et helt nytt paradigme som forandrer måten vi bygger nettsteder i dag på - og VirtualDOM er en av dem.DOM (Document Object Model) er en tremodell som definerer hvordan et nettsted er strukturert . Velg