2010-03-28 12 views
98

Czy znasz ramy do tworzenia prezentacji przy użyciu tylko technologii HTML5 i javascript?
Nie mówię o funkcjach "eksportu" różnych programów do prezentacji (PowerPoint lub OOo).Podstawowa struktura prezentacji przy użyciu HTML5 + javascript

Niektóre wymogi dotyczące prezentacji wykonanych z tego "ram":

  • skorzystać z najnowszych funkcji HTML5 (audio, wideo, płótno?)
  • samych z CSS3 (obsługa czcionek, gradient, cienie , przejścia i transformacje)

Jeśli nie ma czegoś takiego, przykład dobrej prezentacji lub wskazówki na ten temat będą mile widziane.

Edytuj: Znaleziono ładny przykład, HTML5 - web development to the next level.

+0

Czy jesteś szukam [impress.js] (http://bartaz.github.com/impress.js/)? – Yeo

+13

Przeróbki 38+, 26 zakładek, ale zamknięte? Ryzykując odwet moderatora, muszę powiedzieć, że tutaj jest coś nie tak z umiarem. Widziałem kilkanaście interesujących pytań zamkniętych bez ważnego powodu. –

+4

Wygląda na to, że jest to bardziej wskazujące na problem z moderowaniem witryny, będąc poza zasięgiem publiczności na stronie. Szczerze mówiąc, jest to również znak, że stackoverflow.com może "skoczył rekina". –

Odpowiedz

63

Landslide jest dość schludny aplikacja, która generuje slajdów:

Deck.js to kolejny ładny projekt; tym razem slajdy to czysty HTML/CSS/JS.

Jeszcze lepiej, impress.js polega na transformacjach i przejściach CSS3.

+0

Mam pobrane pliki Landslide, ale będąc noobem, którym jestem, jestem całkowicie zdezorientowany, jak go używać. Polecenia "przeczytaj mi" brzmią dla mnie po grecku z wszystkimi instrukcjami z wiersza poleceń. Wszelkie wskazówki do rozpoczęcia będą mile widziane. Dzięki – Sbhambry

+1

@Saurabh: zakładając, że sklonowałeś z repozytorium git, uruchom 'python setup.py build', a następnie' python setup.py install' z uprawnieniami roota. Będziesz teraz miał dostępne polecenie 'landslide', uruchom go w katalogu' samples/'. –

+0

@Ryan dzięki za odpowiedź. Zrobiłbym to jak najszybciej. Dzięki! – Sbhambry

2

Jeśli chcesz uzyskać wsparcie dla websocket i możliwość kontrolowania prezentacji Deck.js za pomocą aplikacji mobilnej Sencha 2.0 HTML5, możesz wypróbować numer Robodeck.

1

Ta biblioteka służy do tworzenia prezentacji, opowiadań i reklam.

BoardJS

0

Tak na marginesie do odpowiedzi, może być także zainteresowany w nodejs kontrolera do przechowywania wielu Teleobserwatorów zsynchronizowane ze sobą.

controldesk.js

8

Jako narzędzie prezentacji używam Reveal.js, to bardzo czyste i nowoczesne narzędzie do tworzenia prezentacji.

Jest wykonana w 100% z HTML5/CSS3/JS, funkcje i najbardziej podobne są:

  • 3D jak CSS3 przejścia między slajdami
  • Można tworzyć zagnieżdżone slajdy - slajdy pionowych do poziomych
  • Obsługa kroju czcionki
  • tworzysz wewnętrzne linki między slajdami
  • Kod jest ładny, dzięki podświetleniu.js
  • Przegląd & dwa ekrany trybu z Esc i `s``

wiem, że tak naprawdę nie chce go jednak można eksportować do formatu PDF, a widelec go na github :)

Powiązane problemy