2010-03-28 19 views
98

Conoscete un framework per la creazione di presentazioni utilizzando solo le tecnologie HTML5 e javascript?
Non sto parlando delle funzionalità di "esportazione" di vari software di presentazione (PowerPoint o presentazione OOo).Framework di base per presentazioni utilizzando HTML5 + javascript

Alcuni requisiti per le presentazioni fatte con questo "quadro":

  • trarre vantaggio dalle ultime funzionalità HTML5 (audio, video, di tela?)
  • stessi con CSS3 (supporto per i caratteri, gradienti, ombre , transizioni e trasformazioni)

Se c'è nulla di simile, esempio di buone presentazioni o puntatori in materia sarebbe apprezzato.

Modifica: trovato un buon esempio, HTML5 - web development to the next level.

+0

Sei stai cercando [impress.js] (http://bartaz.github.com/impress.js/)? – Yeo

+13

38+ upvotes, 26 segnalibri, ma chiusi? A rischio di ritorsione del moderatore, devo dire che c'è qualcosa di sbagliato nella moderazione qui. Ho visto chiudere una dozzina di domande interessanti senza una valida motivazione. –

+4

Sembra più che questo sia indicativo di un problema con la moderazione sul sito, essendo fuori contatto con il pubblico del sito. Francamente, è anche un segnale che stackoverflow.com potrebbe aver "fatto saltare lo squalo". –

risposta

63

Landslide è un'applicazione piuttosto pulito che genera slideshow:

Deck.js è un altro bel progetto; questa volta, le diapositive sono in puro HTML/CSS/JS.

Ancora meglio, impress.js si basa su trasformazioni e transizioni CSS3.

+0

Ho scaricato i file di Landslide ma essendo il noob che sono, sono completamente confuso su come usarlo. Le istruzioni di lettura mi suonano greche con tutte le istruzioni della riga di comando. Sarebbe gradito qualsiasi suggerimento per iniziare. Grazie – Sbhambry

+1

@Saurabh: supponendo che tu abbia clonato dal repository git, esegui 'python setup.py build', e poi' python setup.py install' con i privilegi di root. Ora avrai il comando 'landslide' disponibile, eseguilo sotto la directory' samples/'. –

+0

@Ryan, grazie per la risposta. Gli darei un colpo al più presto. Grazie! – Sbhambry

2

Se si desidera ottenere il supporto websocket e la capacità di controllare le presentazioni Deck.js tramite un'applicazione mobile HTML5 Sencha 2.0, è possibile provare Robodeck.

1

Questa libreria è per presentazioni, storie e annunci.

BoardJS

0

Per inciso per le risposte, si può anche essere interessati a un controller nodejs per mantenere più visualizzatori remoti in sincronia con l'altro.

controldesk.js

8

Come strumento di presentazione che uso Reveal.js, è uno strumento di presentazione molto pulito e moderno.

E 'fatta al 100% con HTML5/CSS3/JS, le caratteristiche che mi piace di più sono:

  • 3D come CSS3 transizioni tra le diapositive
  • È possibile creare diapositive annidati - guide verticali in quelli orizzontali
  • Supporto font-face
  • si effettuano collegamenti interni tra le diapositive
  • Il codice è bello, grazie per evidenziare.js
  • Panoramica modalità & due schermi con Esc e `s``

Lo so che non lo fai davvero lo vogliono, ma è possibile esportare in PDF, e forchetta su github :)