HTML5 + JavaScriptを使用したプレゼンテーションの基本フレームワーク


100

HTML5とJavaScriptテクノロジのみを使用してプレゼンテーションを作成するためのフレームワークを知っていますか?
さまざまなプレゼンテーションソフトウェア(PowerPointまたはOOoプレゼンテーション)の "エクスポート"機能について話しているのではありません。

この「フレームワーク」で作成されたプレゼンテーションのいくつかの要件:

  • 最新のHTML5機能(オーディオ、ビデオ、キャンバス?)を利用する
  • CSS3と同じ(フォントサポート、グラデーション、シャドウ、トランジション、変換)

そのようなものがない場合は、主題に関する優れたプレゼンテーションまたはポインタの例をいただければ幸いです。

編集:良い例であるHTML5-次のレベルへのWeb開発を見つけました。


2
deck.js GitHubの上でも:imakewebthings.github.com/deck.js
Tammo B.

13
38以上の賛成投票、26のブックマーク、しかしクローズ?モデレーターへの報復のリスクがあるため、ここでのモデレーションに問題があると言わざるを得ません。正当な理由なしに12の興味深い質問が閉じられたのを見ました。
Ben Lesh

4
これは、サイトの視聴者と連絡が取れていないため、サイトの管理に問題があることを示しているようです。率直に言って、それはまた、stackoverflow.comが「サメに飛びついた」可能性がある兆候でもあります。
Ben Lesh

3
@blesh以下の理由でかなり良い説明が得られます。これらの密接な理由はサイトの最初から存在しており、これらの種類の質問は許可されていないことはよく寄せられる質問であることに注意してください。SOが取得するトラフィックの量に応じて、レーダーの下に潜むこれらの種類の質問がたくさんありますが、それはそれらの存在を正当化しません。あなたが望むなら、あなたはそれをメタで育てることができます、しかし私は人々が近い理由に同意しないと思います。
casperOne 2012年

3
@IvoFlipse:問題は、回答が曖昧で完全に主観的な指標による「質の高い」回答であるかどうかではなく、人々に役立つかどうかです。投票で判断すると、質問と回答は多くの人にとって非常に役立ちます。
static_rtti

回答:


65

Landslideは、スライドショーを生成する非常にきちんとしたアプリケーションです。

Deck.jsもまた素晴らしいプロジェクトです。今回は、スライドは純粋なHTML / CSS / JSです。

さらに良いことに、impress.jsはCSS3の変換と遷移に依存しています。


地すべりファイルをダウンロードしましたが、私はまったくの初心者なので、その使用方法について完全に混乱しています。read meの説明は、すべてのコマンドラインの説明とともにギリシャ語で聞こえます。始めるための任意のポインタがいただければ幸いです。ありがとう
Sbhambry、

1
@Saurabh:gitリポジトリからクローンを作成し、を実行してから、root権限で実行するpython setup.py buildとしますpython setup.py install。あなたは今持っているだろうlandslide、コマンドが利用できるの下でそれを実行しsamples/たディレクトリ。
ライアンリー

@ライアン返信ありがとうございます。それはショットをできるだけ早く与えるでしょう。ありがとう!
Sbhambry、2011年

strut.ioを、Impress.jsおよびBespoke.jsプレゼンテーションを作成するためのGUIとして使用できます。
Matt Crinklaw-Vogt 2013

8

プレゼンテーションツールとしてReveal.jsを使用しているため、非常にクリーンで最新のプレゼンテーションツールです。

HTML5 / CSS3 / JSで100%作成されています。私が最も気に入っている機能は次のとおりです。

  • スライド間のCSS3トランジションのような3D
  • ネストされたスライドを作成できます-垂直スライドを水平スライドに
  • font-faceをサポート
  • スライド間に内部リンクを作成する
  • highlight.jsのおかげでコードはきれいです
  • 概要と2画面モードとEscと `s``

私はあなたが本当にそれを望んでいないことを知っていますが、あなたはPDFにエクスポートし、それをgithubでフォークすることができます:)


2

あなたはWebSocketをサポートし、煎茶2.0 HTML5モバイルアプリケーションを介してDeck.jsプレゼンテーションをコントロールする能力を取得したい場合は、試すことができRobodeckを


1

このライブラリは、プレゼンテーション、ストーリー、広告を作成するためのものです。

BoardJS


0

答えは別として、複数のリモートビューアを互いに同期させるために、nodejsコントローラに興味があるかもしれません。

controldesk.js

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.