Multi.js: una casella di selezione intuitiva basata su JavaScript semplice
I menu di selezione sono primitivi ma funzionano. Lo stesso vale per tutti i tipici ingressi di moduli come caselle di controllo e pulsanti di opzione .
È facile creare forme personalizzate, ma ricostruire gli elementi dell'interfaccia da zero può essere difficile. Ecco perché Multi.js è un valido plugin per la sostituzione delle caselle di selezione predefinite .
Con Multi.js, dai ai visitatori un elenco di elementi da scegliere con una funzione di selezione multipla integrata nel modulo. In questo modo gli utenti possono fare clic su più elementi senza fare affidamento sulle caselle di controllo.
Questo script supporta anche una funzione di ricerca, quindi gli utenti possono cercare elementi se l'elenco è particolarmente lungo.Trovo anche il menu abbastanza intuitivo, quindi non ha bisogno di molte spiegazioni . Fai clic su qualsiasi elemento sul lato sinistro per aggiungerlo alla colonna destra (o elementi "selezionati"). Quindi, fai clic sugli elementi nella colonna di destra per rimuoverli.
Tutto gira su JavaScript vaniglia, inclusa la funzione di ricerca, quindi non hai bisogno di alcuna dipendenza. Sebbene, supporta jQuery se il tuo sito utilizza quella libreria.
Tutto ciò di cui hai bisogno è il file Multi.js e il foglio di stile CSS. Quindi, devi solo creare un
var select_element = document.getElementById ('your_element_ID'); multi (select_element);
In questo momento, il plugin non supporta optgroups ma questa funzione è in lavorazione.
In entrambi i casi, la funzionalità predefinita è sorprendente. Funziona esattamente come ci si aspetterebbe e supporta anche layout responsive per dispositivi mobili .
Per saperne di più, controlla il repository GitHub che include anche i file scaricabili . La pagina demo di Multi.js è ottima per vedere come funziona questo plugin nel browser . Ma in realtà, è solo un modo semplice per ridisegnare i menu selezionati e migliorare l'esperienza utente complessiva del modulo.
Versione Freebie: Set di icone Educons (PSD incluso)
Per ringraziare i nostri lettori e la community in generale, siamo lieti di rilasciare un altro omaggio: Educons, un'icona con 15 icone correlate all'istruzione di qualità . Queste icone sono disponibili in formato PNG in 2 diverse dimensioni, 128 × 128 e 64 × 64 pixel, oltre a file PSD di Photoshop sovrapposti per ciascuna icona.Qu
5 alternative Hyperlapse per Android
Dopo che Instagram ha rilasciato Hyperlapse, gli utenti di iPhone si divertono un mondo facendo video creativi. Per quanto riguarda il resto di noi con i telefoni Android, stiamo ancora aspettando il giorno in cui Instagram renderebbe l'app disponibile per i nostri telefoni e per Google cambiare la loro API