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


Overhang.js - Un plugin jQuery per i messaggi di notifica Dropdown

Quanto sono fastidiose le caselle di avviso JS predefinite ? Si sentono come una reliquia di un'epoca passata dello sviluppo del web.

Al giorno d'oggi, possiamo fare messaggi di notifica non invadenti che condividono le stesse informazioni ma non interrompere l'esperienza dell'utente . E questo è esattamente quello che puoi fare con overhang.js .

Questo plugin gratuito di jQuery può aggiungere barre di notifica personalizzate che scendono dalla parte superiore dello schermo. Sono posizionati tramite CSS e animati con JavaScript, in modo che possano scorrere da un punto fisso nella parte superiore indipendentemente dalla lunghezza della pagina .

È possibile creare messaggi che si chiudono automaticamente dopo un determinato periodo di tempo o altri che richiedono l'input dell'utente .

I messaggi possono trasmettere successi, errori, errori o semplici notifiche con informazioni sull'utente o sulla pagina. I messaggi possono anche avere i propri pulsanti sì / no per porre domande agli utenti come un avviso di prompt di JavaScript.

C'è anche un'opzione per creare prompt che si aprono con un campo di input . Questo sarebbe perfetto per un modulo di iscrizione via e-mail.

Overhang.js supporta tutti i principali browser supportati da jQuery ed è anche alimentato dall'interfaccia utente jQuery per le funzionalità animate.

Insieme alle librerie dell'interfaccia utente jQuery e jQuery, dovrai anche includere un file CSS personalizzato con il plug-in. Puoi sempre unirlo con il foglio di stile del tuo sito web per ridurre le richieste HTTP.

Ogni chiamata effettuata sul metodo overhang() può richiedere un numero qualsiasi di parametri . Queste sono chiamate "opzioni" e ti danno il pieno controllo su ogni casella di notifica.

È possibile modificare la velocità di animazione, la durata, l' attenuazione e le dimensioni / colore del riquadro, insieme ad altre funzionalità di progettazione.

Ecco un esempio di snippet che dimostra come creare una casella di conferma :

 // Qualche conferma $ ("body"). Overhang ({type: "confirm", yesMessage: "Yes please!", NoMessage: "No grazie."}); 

Puoi vedere che questo è piuttosto semplice e non richiede molto codice jQuery .

Per scaricare una copia del plug-in, è possibile visitare il repository su GitHub in cui è anche possibile sfogliare direttamente i file sorgente. Oppure, se vuoi vedere altri esempi dal vivo, vai al sito web di Overhang.js.

10 utili funzioni WordPress che potresti non conoscere

10 utili funzioni WordPress che potresti non conoscere

WordPress è pieno di grandi funzioni per noi sviluppatori da usare. Siamo in grado di estrarre elenchi di post dal nulla, manipolare quasi tutto su di loro, afferrare qualsiasi utente desideriamo e visualizzare le loro connessioni social media in un batter d'occhio.Ci sono tuttavia alcune funzioni che sembrano essere trascurate per ragioni sconosciute.

(Consigli tecnici e di design)

Accedi a più account sullo stesso sito con questa estensione di Chrome

Accedi a più account sullo stesso sito con questa estensione di Chrome

Gestire più account di un singolo servizio di social network può essere una seccatura, poiché la necessità di disconnettersi costantemente e accedere a un servizio non è esattamente divertente. Per fortuna, esiste un'estensione di Chrome chiamata SessionBox che semplifica la gestione degli account .Come

(Consigli tecnici e di design)