BooksホームWebデザインcssやプログラミングiPadやiPhoneなどのスワイプ操作にも対応の、シンプルなHTML製プレゼンテーションを作成する為のフレームワーク・slidesAdscssやプログラミング2012.02.29シンプルなHTMLプレゼンテーションを作成する為のフレームワークのご紹介です。最近は変わった動きのするプレゼンツールをよく見かけますが、シンプルなタイプはあまり見かけませんので選択肢の一つとして。スマフォのスワイプ操作にも対応しています。パワポとかKeynote使いたくないから作ったらしいです。iPadやiPhoneのスワイプ操作にも対応しています。slidesPCでは矢印キーで、タッチデバイスはスワイプで操作出来ます。JavaScriptにDojoが使われています。以下動作サンプルです。SampleiPhoneはQRコードでGOです。実機でテストしました。タッチデバイスで閲覧すると、PCでは「矢印で動かします」みたいなナビゲーションもタッチデバイス用に切り替えられます。コードDojoは殆ど触ったことが無いのであまり触れないでおきます。type="text/javascript">require(['wire!slides-spec']);</script>必要なファイルを読み込んで上記設定を行います。‘slides/slides.html’。これが実際に表示されるスライドのフォルダになります。id="slide-container"><!--http://example.com/slide/slides.htmlが読み込まれる--></div>index.htmlには上記のように空のボックス要素がマークアップされています。この中に、../slidesが読み込まれます。スライドの内容はslide/slides.htmlを編集する形となります。スマフォには対応してるけどIEは8以下では動きませんのでコンテンツのターゲットは絞られます。HTMLのプレゼンツールのニーズも限られてるでしょうし、問題は無い気もしますけど、気になるなら手を加えないとですね。ご興味が有りましたら以下でぜひご覧下さい。...jQueryジャイロセンサーに対応したパララックス(視差効果)のあるコンテンツを実装するスクリプト・parallax.jsスマフォサイト用のパララックス実装スクリプトがあったので一応メモ。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。