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


Crea bolle di discorso in-page con Popper.js

Tutti conoscono i tooltip e ci sono decine di risorse gratuite per aiutarti a realizzarle. Tuttavia, le bolle di messaggi personalizzati o "poppers" sono anche molto utili.

Non si limitano agli eventi di hover, quindi possono apparire coerentemente nella pagina e aggirare altri comportamenti dell'utente.

Se stai cercando di creare questi popper del fumetto sul tuo sito, allora Popper.js è la scelta migliore. È un plugin open source gratuito, ospitato sul sito ufficiale di js.org.

Troverai questi suggerimenti sulle bolle in molti siti web con interfacce complesse. A volte offrono consigli rapidi, procedure dettagliate e consigli per l' inserimento di nuovi utenti all'interfaccia.

Con Popper.js, non è necessario attendere che l'utente passi il mouse solo per creare un suggerimento. Invece, puoi forzare un popper a comparire ovunque, qualsiasi dimensione, qualsiasi colore, con posizionamento dinamico .

Controlla la pagina demo di Popper.js per vedere cosa intendo. Viene fornito con una vasta gamma di funzioni di posizionamento che consentono di ribaltare automaticamente la posizione del popper in base alla posizione dello schermo.

Mentre l'utente scorre verso il basso della pagina, potrebbe perdere la bolla di pop-up. Con questo plug-in, è possibile forzarlo nuovamente in vista capovolgendolo (o verso il basso), a seconda della direzione di scorrimento dell'utente.

Hai il pieno controllo sui confini, le posizioni delle frecce, i colori del tooltip e molto altro ancora. Per non parlare di questo plugin è meraviglioso e completamente estensibile se si desidera aggiungere le proprie funzionalità nel mix.

Tutto il codice sorgente è disponibile gratuitamente su GitHub se vuoi verificarlo.

Per iniziare, dai un'occhiata alla pagina della documentazione per una guida completa. Questo ti dice quali script ti serviranno, come configurare un popper personalizzato e come configurare le diverse opzioni di visualizzazione. Anche se, la migliore risorsa è la pagina principale di Popper.js, con dimostrazioni a bizzeffe e molti esempi di codice.

Se vuoi saperne di più sullo sviluppo consulta questo post sul blog scritto dal creatore Federico Zivolo.

Suggerimenti e trucchi per scrivere velocemente (e professionalmente!)

Suggerimenti e trucchi per scrivere velocemente (e professionalmente!)

Quindi cosa fai quando sei sotto pressione per il tempo, inondato di lavori e hai ancora bisogno di scrivere qualcosa e scrivere bene? I tuoi nervi sono talmente tesi che non riesci a dormire, ma non riesci a spremere nemmeno una frase dalla tua mente. Conosco bene la sensazione, ma quello che ho fatto è stato, iniziare a scrivere velocemente senza nemmeno pensare, poi un articolo professionale è nato con il tempo più breve del solito. D

(Consigli tecnici e di design)

Il tuo telefono Android è perso?  Ecco cosa dovresti fare

Il tuo telefono Android è perso? Ecco cosa dovresti fare

Ho perso il mio telefono Android con un ladro l'anno scorso. Ho perso non solo il dispositivo ma molti dei dati importanti che avevo conservato, il che mi ha causato molti problemi. Ma grazie a tutto ciò, ho anche imparato molte cose importanti su cosa fare una volta perso il telefono e come prevenire o ridurre al minimo la possibilità di perdere qualsiasi dispositivo che possiedo in futuro.Q

(Consigli tecnici e di design)