it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Flexdatalist - Plug-in con completamento automatico con Supporto

HTML5 elemento è abbastanza utile nel moderno sviluppo del frontend. Eppure, è uno di quegli elementi che non molti sviluppatori conoscono.

Funziona su un campo di input in cui è possibile eseguire automaticamente l' analisi di determinati valori per l'input . La configurazione di default sembra a posto e abbiamo coperto alcuni suggerimenti sulla creazione di fantastici effetti con i datalists automatici.

Tuttavia, è molto più facile lavorare con un plugin come Flexdatalist . Supporta una gamma più ampia di browser e ti consente di personalizzare completamente il design del tuo datalist .

Non tutti hanno bisogno di funzionalità di completamento automatico e con i datalisti HTML5 nativi, potresti non preoccuparti di un plug-in. Tuttavia, Flexdatalist è forse il migliore in circolazione perché si basa sui comportamenti dei dati nativi da aggiungere:

  • Supporto di risposta mobile
  • Descrizioni extra per ogni articolo
  • Opzioni per più selezioni contemporaneamente
  • Gestori di eventi personalizzati

È tutto basato su jQuery, quindi avrai bisogno di una copia dell'ultima versione per farlo funzionare. Inoltre viene fornito con un proprio foglio di stile CSS che è possibile combinare in un singolo file CSS per ridurre le richieste HTTP.

Puoi trovare le istruzioni complete di installazione sulla pagina demo principale che include i collegamenti per il download ai file Flexdatalist .

È davvero semplice da configurare, con una sola riga di JavaScript . Per impostazione predefinita, il plug-in punta a tutti gli input con la classe .flexdatalist, quindi è sufficiente aggiungere il codice al codice per visualizzare i risultati.

Devi solo aggiungere il elemento all'interno del campo di input e Flexdatalist gestisce il resto. Stilerà automaticamente l'elenco, incluso il testo descrittivo opzionale.

Il modo più semplice per aggiungere testo aggiuntivo è tramite un file JSON che puoi allegare al tuo input tramite un attributo di dati .

Ad esempio, se controlli la pagina dimostrativa di Flexdatalist troverai un campo di input "Paesi" con l'attributo data-data='countries.json' . Questo fa riferimento a un file remoto che memorizza esternamente tutti i dati di input non elaborati .

Troppi di questi campi puoi rallentare un po 'la pagina . Tuttavia, non riesco a immaginare che molti siti possano eseguire più di questi moduli datalist su una sola pagina, per non parlare anche con questo plugin jQuery, sono ancora piuttosto veloci .

Per iniziare, basta visitare il repository GitHub e scaricare una copia . Questo include un link alla pagina demo principale che ha anche una documentazione completa per l'installazione, le opzioni JavaScript e un sacco di frammenti di codice di esempio per andare in giro.

VLC media player per supportare presto video a 360 gradi

VLC media player per supportare presto video a 360 gradi

VLC media player è noto per la sua flessibilità grazie alla sua capacità di riprodurre praticamente qualsiasi formato video sotto il sole. Presto, il lettore multimediale sarà in grado di supportare ancora un altro formato video: video a 360 gradi .Per darci un piccolo assaggio di che cosa sta arrivando a VLC, VideoLAN ha deciso di rilasciare un'anteprima tecnica della funzionalità chiamata VLC 360 ° .Creat

(Consigli tecnici e di design)

Cutestrap è la tua piccola alternativa al bootstrap

Cutestrap è la tua piccola alternativa al bootstrap

Non tutti i progetti hanno bisogno di un grande quadro . Sia Foundation che Bootstrap sono fantastici framework di frontend ampiamente supportati.A volte un progetto web ha solo bisogno di qualcosa di semplice . E questo è esattamente quello che offre Cutestrap .Cutestrap si descrive come "qualcosa tra Normalize.

(Consigli tecnici e di design)