• かちびと.net

    Webベースのダイナミックでクールなプレゼンテーションを実装する為のJavaScriptフレームワーク・Moshoのご紹介。impress.jsライクなダイナミックな動きのプレゼンテーションをHTMLで実装する事が可能です。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

Webベースのダイナミックでクールなプレゼンテーションを実装する為のJavaScriptフレームワーク・Mosho

スポンサーリンク

Web上でプレゼンする為のJavaScript
フレームワーク、Moshoのご紹介です。
impress.jsライクなダイナミックな
動きのプレゼンテーションをHTMLで
実装する事が可能です。シンプルで
良かったのでお勧め。

この手のは色々出ていますので探せばいくらでも見つかると思いますが、MoshoはjQueryやmootoolsなどのライブラリに依存しないスクリプトですので覚えておいて損は無いかも。

Mosho


よくあるプレゼンのやつ。HTML5/CSS3/JavaScriptで作ります。サイズは非圧縮版で15KBほど。

以下にサンプル用意しました。矢印キーで操作します。

Sample

data属性で指定する

スライドごとの動きはimpress.js同様、カスタムデータ属性で操作します。

<div class="mosho-slide" id="3d-transform" data-x=1120 data-y=-800 data-z=800 data-rotx=45>
foo
</div>

特に難しい設定はいらないみたい。ソース見ればだいたい分かると思います。土曜だし手抜きの記事でいいですよね

ライセンスはMIT。githubよりどうぞ。

Mosho

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services