no.hideout-lastation.com
Paradis For Designere Og Utviklere


Synkroniser Web-basert Presentasjon Lysbilder med Impress.js og Impressr [Quicktip]

Jeg har snakket om Webutvikling og WordPress på noen få universiteter og skoler, og et vanlig problem jeg står overfor under en presentasjon er at publikum nær baksiden av publikum nesten ikke kan se bildene mine. Jeg legger litt vekt på dette: Hvordan kan jeg ta delene i presentasjonene tydeligere, men hold høyttaleren og deltakerne på samme side?

Jeg har funnet en løsning som lar publikum se presentasjonene på egen enhet, og en måte å synkronisere lysbildes innholdet på enhetene med, med det jeg vil gå gjennom på scenen. Slik gjør du dette.

Opprette lysbildene

For å gjøre dette, men i stedet for Keynote eller PowerPoint, må vi opprette lysbildet med Impress.js i stedet.

Impress.js lar deg lage webbaserte presentasjonsglass, og det kommer med animasjonseffekter som er mer imponerende enn hva du finner på Keynote eller PowerPoint. Faktisk, hvis du er en CSS3-kunnskapsrik person, kan du lage din egen tilpassede animasjon (prøv demoen her).

"Men, hva om jeg ikke forstår CSS, JavaScript og HTML?"

Deretter kan du bruke Strut, et nettbasert program for å lage dine Impress.js lysbilder med GUI . Appen er fortsatt i beta for øyeblikket, men det fungerer bra. Du kan sette inn tekst, bilde eller video ved å dra og slipp, ligner på Keynote eller PowerPoint. Du kan også endre bakgrunnen, farger, skrifttypefamilien og størrelsen.

Når du har gjort å lage presentasjonsglassene dine, kan du klikke på den store grønne knappen på høyre side som sier Impress . Trykk deretter på Command + S (Ctrl + S i Windows) for å lagre lysbildene.

Synkronisere lysbilder

Nå skal vi lage lysbildene synkroniseres. Ideen om å bruke Impress.js for å bygge lysbildene, er å la lysbildene være tilgjengelige på bærbare eller mobile enheter. Publikum kan også ha en nærbildevisning, og til og med samhandle med lysbildene. Når du går gjennom lysbildene dine, endres de endringene du gjør i lysbildene (for eksempel flytte til neste lysbilde) på deres enheter i sanntid.

For å gjøre dette trenger du et JavaScript-bibliotek kalt Impressr.js. Dette biblioteket ble publisert for to år siden. Likevel fungerer det fortsatt bra og er veldig enkelt å bruke. Last ned biblioteket, og legg deretter til følgende i hodetiketten.

Deretter legger du til følgende for å initialisere Impressr.

 $ ("# slide-container"). impressR ({proxyName: 'presentasjon'}); 

Pass på at du velger det riktige elementet som umiddelbart skyver lysbildene. Alternativet proxyName kan settes til noe så lenge det er en streng (vanlig tekst).

Nå skal lysbildet synkroniseres i sanntid i alle enheter med presentasjonen åpen. Merk at alle enheter krever at de er koblet til samme nettverk . For å teste det, kan du åpne lysbildet i to forskjellige nettlesere. Her, for eksempel, åpnet jeg lysbildet i Chrome og Firefox.

Du kan også prøve den på mobile enheter.

10 blogger Aspiring Entrepreneurs Should Read

10 blogger Aspiring Entrepreneurs Should Read

Veien til suksess er lang, og mange tror at å ha egen virksomhet er nøkkelen, en snarvei. Det er sant, men det er en av de vanskeligste banene å ta, spesielt når du ikke har nok erfaring og ressurser til bruk.Heldigvis er det gründere der ute som frivillig tilbringer litt tid på å skrive på bloggene sine for å gi guider, tips og nyttige ressurser til personer som har drømmer. Hvis du

(Tekniske og design tips)

14 informative og gratis e-bøker for webdesignere

14 informative og gratis e-bøker for webdesignere

Ser du etter å få en liten opplevelse i webdesign, koding eller typografi? Heldig for oss, vi trenger ikke lenger å gå gjennom lange og kjedelige bøker for å komme i gang med å bli webdesigner. Det er nå mange gode e-bøker tilgjengelig som gir deg tips og eksempler for å hjelpe deg med å komme inn og blomstre i webdesign.Til dette

(Tekniske og design tips)