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.
10 nuove funzionalità di HTML 5.1 e come utilizzarle
Le specifiche HTML hanno subito una profonda revisione un paio di settimane fa, quando W3C ha pubblicato la nuova raccomandazione HTML 5.1 a novembre 2016. Nel suo recente post sul blog, W3C ha definito la nuova versione principale lo standard d'oro, in quanto HTML 5.1 ci fornisce nuovi modi di possiamo usare l'HTML per creare esperienze web più flessibili.
10 snippet CSS semplici e intelligenti
Il CSS è la lingua di base che dà il suo aspetto ai siti web. Sebbene i CSS siano un linguaggio semplice e facile da imparare, in alcuni casi può essere difficile sfruttarli. Niente da temere, ci sono soluzioni alternative che puoi trovare online, e qui ci sono solo 10 utili che puoi usare.Se desideri racchiudere un testo lungo, rettificare automaticamente la larghezza delle colonne della tabella o creare uno stato di caricamento semplice senza l'uso di Gif, abbiamo gli snippet che forniranno e altro ancora.1.