Multi.js - Een gebruiksvriendelijke selectie box gebouwd op gewoon JavaScript
Selecteer menu's zijn primitief maar ze werken. Hetzelfde geldt voor alle typische formulierinvoeringen, zoals selectievakjes en keuzerondjes .
Het is eenvoudig om uw eigen formulieren te maken, maar het opnieuw opbouwen van interface-elementen kan moeilijk zijn. Daarom is Multi.js zo'n waardevolle plug-in voor het vervangen van standaard selectievakjes .
Met Multi.js geeft u bezoekers een lijst met items om uit te kiezen met een multi-select-functie die in het formulier is ingebouwd. Op deze manier kunnen gebruikers op meerdere items klikken zonder te hoeven vertrouwen op selectievakjes.
Dit script ondersteunt zelfs een zoekfunctie, zodat gebruikers naar items kunnen zoeken als de lijst bijzonder lang is.Ik vind het menu ook behoorlijk intuïtief, dus het heeft niet veel uitleg nodig . U klikt op een item aan de linkerkant om het toe te voegen aan de rechterkolom (of "geselecteerde" items). Klik vervolgens op items in de rechterkolom om ze te verwijderen.
Alles draait op JavaScript vanille, inclusief de zoekfunctie, zodat u geen afhankelijkheden nodig heeft. Hoewel, het ondersteunt jQuery als uw site die bibliotheek gebruikt.
Het enige dat u nodig hebt, is het Multi.js-bestand en de CSS-stylesheet. Vervolgens maakt u gewoon een
var select_element = document.getElementById ('uw_element_ID'); multi (select_element);
Op dit moment ondersteunt de plug- in geen optgroups, maar deze functie is in de maak .
Hoe dan ook, de standaardfunctionaliteit is verbluffend. Het werkt precies zoals je zou verwachten en het ondersteunt zelfs mobiele responsieve lay-outs .
Ga voor meer informatie naar de GitHub-repo, die ook downloadbare bestanden bevat . De demopagina Multi.js is geweldig om te zien hoe deze plug- in in de browser werkt . Maar echt, het is gewoon een eenvoudige manier om uw geselecteerde menu's opnieuw te stijlen en tegelijkertijd de algehele gebruikerservaring van uw formulier te verbeteren.
De echte betekenis achter deze 25 slim ontworpen logo's
Logo's, zoals jullie allemaal weten, spelen een grote rol bij branding. Een goed logo kan de massa helpen uw product of dienst te identificeren en te identificeren. Dit is precies waarom logo's door krachtig ontwerpen en herontwerpstadia gaan om het merk dat ze vertegenwoordigen goed te communiceren
The Way Humans gebruiken Visuele informatie verwerken in Web Design
Het ontwerpen van websites en gebruikersinterfaces is de afgelopen jaren veel eenvoudiger geworden. Er zijn zoveel tools beschikbaar die je kunt gebruiken dat het zinloos is om helemaal opnieuw te beginnen bij het ontwikkelen van gebruikersinterfaces (bekijk onze nieuwe gebruikersinterfacecompilatie)