タグ

JavaScriptとhtml5に関するjosch_so36のブックマーク (2)

  • Turn.js: The page flip effect in HTML5

    Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page

    josch_so36
    josch_so36 2012/02/10
    HTML5でページめくりエフェクト
  • JSONで管理するHTML5音楽プレイヤーを作ってみた (1/4)

    HTML5サウンドプレイヤーのサンプル。マウスで選択した曲(音声ファイル)を再生し、ラインアートを表示する。画像クリックでサンプルページを表示します(Firefox 3/Opera 10/Safari 4で表示可能) HTML5 Audioを使ってブラウザー上で動くサウンドプレイヤーを作る記事の続き。前回は、再生リストから選択した音楽(音声ファイル)を再生する基機能を作りました。このままでも十分と言えば十分ですが、今回はビジュアルエフェクトと操作ボタンを追加して、より充実した機能のプレイヤーに仕上げていきます。 ビジュアルエフェクトを追加する まずビジュアルエフェクトを追加します。今回は、サウンドプレイヤーの背景いっぱいにcanvas要素を配置し、canvas上にランダムな色の線を描画していくラインアートのプログラムを用意しました。 HTML5 Canvasの基的な使い方については

    JSONで管理するHTML5音楽プレイヤーを作ってみた (1/4)
    josch_so36
    josch_so36 2010/09/15
    HTML5でサンドファイルを再生!!
  • 1