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


Sincronizza diapositive di presentazione basate sul Web con Impress.js e Impressr [Quicktip]

Ho tenuto discorsi sullo sviluppo Web e WordPress in alcune università e scuole e un problema comune che mi viene in mente durante una presentazione è che il pubblico vicino al retro della folla difficilmente può vedere le mie diapositive. Ci ho pensato: come posso rendere più chiare le diapositive della presentazione, ma mantenere l'oratore e i partecipanti sulla stessa pagina?

Ho trovato una soluzione che consente al pubblico di guardare le diapositive della presentazione sul proprio dispositivo e un modo per sincronizzare i contenuti delle diapositive sui propri dispositivi, con quello che voglio passare mentre sono sul palco. Ecco come farlo.

Creare le diapositive

Per fare ciò, invece di Keynote o PowerPoint, dobbiamo invece creare la diapositiva con Impress.js.

Impress.js ti consente di creare diapositive di presentazione basate sul Web e include effetti di animazione più impressionanti di quelli che puoi trovare su Keynote o PowerPoint. In effetti, se sei una persona esperta di CSS3, puoi creare la tua animazione personalizzata (prova la demo qui).

"Ma cosa succede se non capisco CSS, JavaScript e HTML?"

Quindi, puoi utilizzare Strut, un'applicazione basata sul Web per creare le tue diapositive Impress.js con la GUI . L'app è ancora in beta al momento, ma funziona bene. È possibile inserire testo, immagini o video trascinandoli, come Keynote o PowerPoint. Puoi anche cambiare lo sfondo, i colori, la famiglia di caratteri e le sue dimensioni.

Dopo aver creato le diapositive della presentazione, puoi fare clic sul grande pulsante verde sul lato destro che dice Impress . Quindi premere Comando + S (Ctrl + S in Windows) per salvare le diapositive.

Sincronizzazione di diapositive

Ora faremo sincronizzare le diapositive. L'idea di usare Impress.js per costruire le diapositive è di consentire l'accesso alle diapositive su laptop o dispositivi mobili. Il pubblico può anche avere una visione ravvicinata e persino interagire con le diapositive. Mentre scorri tra le diapositive, le modifiche apportate alle diapositive (come il passaggio alla diapositiva successiva) si rifletteranno sui loro dispositivi in ​​tempo reale.

Per fare ciò, hai bisogno di una libreria JavaScript chiamata Impressr.js. Questa biblioteca è stata pubblicata due anni fa. Anche così funziona ancora bene ed è molto facile da usare. Scarica la libreria, quindi aggiungi il seguente all'interno del tag head .

Quindi, aggiungere quanto segue per inizializzare Impressr.

 $ ("# slide-container"). impressionR ({proxyName: 'presentation'}); 

Assicurati di selezionare l'elemento corretto che avvolge immediatamente le diapositive. L'opzione proxyName può essere impostata su qualsiasi cosa purché sia ​​una stringa (testo normale).

Ora la diapositiva dovrebbe sincronizzarsi in tempo reale su ogni dispositivo con la tua presentazione aperta. Si noti che tutti i dispositivi richiedono di essere connessi alla stessa rete . Per testarlo, puoi aprire la diapositiva in due diversi browser. Qui, ad esempio, ho aperto la diapositiva in Chrome e Firefox.

Puoi anche provarlo su dispositivi mobili.

Newsletter Iscriviti Forms that Rock - Ispirazioni, Modelli e Strumenti

Newsletter Iscriviti Forms that Rock - Ispirazioni, Modelli e Strumenti

Un modulo di iscrizione alla newsletter fortemente progettato può aiutarti a far crescere in modo significativo la tua lista di abbonati e, di conseguenza, a far crescere le tue vendite. La newsletter e-mail è un potente strumento per comunicare con i tuoi visitatori e clienti. Quindi, tenendo conto della concorrenza, come puoi incoraggiare i tuoi visitatori ad iscriversi alla tua newsletter?U

(Consigli tecnici e di design)

Come eliminare completamente l'impronta digitale

Come eliminare completamente l'impronta digitale

Sia che tu voglia migliorare la tua privacy online, sia che tu debba rimuovere alcune impronte imbarazzanti, eliminare la tua presenza online può essere un po 'difficile . Ricordare tutto ciò che hai fatto online e rimuoverlo è quasi impossibile.Non preoccuparti però, se vuoi eliminarti completamente da Internet o anche minimizzare il tuo ingombro, continua a leggere e scopri come trovare ed eliminare le informazioni online su di te.Not

(Consigli tecnici e di design)