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.

15 Accessori per iPhone che dovrebbero essere nella tua lista dei desideri Questa vacanza

15 Accessori per iPhone che dovrebbero essere nella tua lista dei desideri Questa vacanza

Il Natale è quasi qui e tanto quanto è un momento di donare, è anche un momento per regalarsi bene . Ci sono un sacco di grandi idee regalo che galleggiano intorno per celebrare la natura del dare-Natale e se possiedi un iPhone, puoi dare un'occhiata a queste 15 idee di accessori per le vacanze .In

(Consigli tecnici e di design)

Vetrina di bellissimi siti Web in bianco e nero

Vetrina di bellissimi siti Web in bianco e nero

Decidere la migliore corrispondenza dal mare di colori a volte può essere un duro appello per i web designer. Ma la buona notizia è che quando ci imbattiamo in blocchi di scelta e corrispondenza dei colori, abbiamo strumenti come Adobe Kuler per aiutarci a prendere decisioni. Che ne dici di progettare un sito Web in bianco e nero?S

(Consigli tecnici e di design)