タグ

Canvasに関するryoheifのブックマーク (2)

  • Facebookっぽいナビゲーションをレスポンシブデザインで実装するプラグイン/チュートリアル色々 | バンクーバーのうぇぶ屋

    タイトルの通りなんですが、結構頑張って探したのでメモがてら共有! Facebookのモバイル版のあの、右にスッと出てくるナビゲーションあるじゃないっすか。今日はあのナビゲーションの実装についてのネタをシェアさせて頂きます〜! こんな奴!ボタンクリックすると横にシュッと出てくるタイプのナビゲーション、英語圏ではOff-Canvas Navigationとかって呼ばれたりすると思いますが、これをちょっと急遽実装しなきゃいけない案件に追われて、先日ガツっとどんなのあるか調べたので、良い機会だから共有兼メモ書きとして記事にさせて頂こうと思います! Sidr – A jQuery plugin for creating side menus なんか日人でも知ってる人多い印象。かなーり僕の理想に近かったので、あとは実装して問題なければコレにしようと思いました! メニューの展開はこんな感じ。 これでえ

    Facebookっぽいナビゲーションをレスポンシブデザインで実装するプラグイン/チュートリアル色々 | バンクーバーのうぇぶ屋
  • 第1回 読み込んだ画像をトゥイーンアニメーションさせる | gihyo.jp

    これからのWebはHTML5だ。とはいわれるものの、どの機能や技術を使うかは、コンテンツ次第でさまざまといえる。その中で、ダイナミックでインタラクティブな表現をつくりたいとき、Canvasの機能が注目される。ただし、Canvasが提供するのはおもに描画の機能で、アニメーションやインタラクションはJavaScriptライブラリの助けを借りることになる。 そこで連載では、CreateJS Suiteを選んだ。開発者は、Flashコンテンツの世界で有名な Grant Skinner(グラント・スキナー)氏だ[1]⁠。「⁠ダイナミックでインタラクティブな表現」ともって回った言い方をしたが、つまりは「Flashみないな」ものがつくりたい(つくってほしい)という要求だろう。CreateJSのライブラリ群は、Flashを使っていた人たちにとっては、なじみやすい設計になっている。 また、最近注目されてい

    第1回 読み込んだ画像をトゥイーンアニメーションさせる | gihyo.jp
  • 1