タグ

HTML5とjavascriptに関するyuenanaのブックマーク (2)

  • Canvasとは - Canvas - HTML5.JP

    Canvasとは、ブラウザ上に図を描くために策定された仕様です。 これまでHTML上で図を表現するためには、GIFやJPEGといったフォーマットの画像を用意する必要がありました。また、条件に応じて表示する図を変化させたり、アニメーションを実現するために、FlashやJavaアプレットが使われてきました。 Canvasは、FlashやJavaのようにプラグインを使わずに、JavaScriptベースで図を描くことができます。 実際に、Canvasを使って円グラフを作ってみました。上図はFirefox 2.0での結果をキャプチャーしたものです。Canvasで描かれたのは色がついた図形部分です。Internet Explorer 6以上、Firefox 1.5以上、Opera 9以上、Safari 1.3以上であれば、実際のCanvasの動作をご覧頂くことができます。 [Canvasを使った円グラ

    yuenana
    yuenana 2010/07/14
    ちょいと古いけど、カンバスについて簡単にまとまってたから。
  • [CSS]HTML5, CSS3, jQueryを使用して実装する画像ギャラリー

    HTML5で実装し、CSS3を使用して面白い効果をつけ、jQueryで拡大表示する画像ギャラリーをCSS-Tricksから紹介します。 Editable CSS3 Image Gallery demo デモはSafariやChromeで見ると、各サムネイル画像がマウスオーバー時にアニメーションを伴って角度を変化させます。 非対応ブラウザでは角度変更のみや垂直に表示された状態です。 各画像をクリックすると、拡大表示します。 拡大に使用しているスクリプトは、当サイトでも紹介した「FancyZoom」です。

  • 1