Googleも推奨！アニメーションライブラリTweenMaxの使い方 入門編 — un-Tech
ごきげんよう。フーミンです。 「JavaScriptでアニメーション作るならTweenMaxが最強だよ」と先輩から教わり早2年。いまだ現役最強（僕の中で）JavaScriptアニメーションライブラリTweenMaxの良さを広めるために、入門編・応用編の全2回に分けてご紹介しようと思います。 TweenMaxとは TweenMaxとは、GreenSock社が開発した超高性能アニメーションプラットフォーム「GSAP」のひとつで、DOMアニメーションに特化したJavaScriptライブラリです。 requestAnimationFrameを使用しているため、jQueryのanimateメソッドを使うより、動作が高速かつ安定しています。 同じようなライブラリにmokichiくんが紹介してくれたVelocity.jsというのもあります。 TweenMaxと同様に動作が高速かつ安定しており、jQuer
おれメモ, Canvas系JavaScriptライブラリ一覧
Canvas用のライブラリでたまにしか使わないのとか名前すら忘れてるし、あそこのTutorialステキじゃんてのもどこだったか忘れてしまうボンクラ脳のためのメモ。 2D CreateJS 王道。 さすがに忘れること無いけど。 Paper.js 最近どかすかアップデートされてる。 むにむにした動きがCanvasらしく無くキモくて好感度高。 Processing.js パフォーマンスが出ない、つうか出すノウハウを持ち合わせていないので使いづらい。 Processing資産をそのまま使えるのは魅力。 ちょこちょこっとモック作ったりするのにいいのかな。 でもそのモックを別のライブラリで実装し直すの大変そう。 Cocos2d-html5 Cocos2d-x派生プロジェクト。 使ったこと無いけど、どうなのと気になってる。 Starling JS 未だに姿を表さない幻のJavaScriptライブラリ。
HTML5のCanvasを使いやすくするライブラリまとめ
Posted: 2013.12.20 / Category: HTML&CSS, javascript / Tag: HTML5 HTML5のCanvasをそのまま使おうとすると結構大変ですね。そこでCanvasのライブラリとか使うと効率がいいらしいのでまとめてみました。 CREATEJS CREATEJSはTweenアニメーションとかオーディオ再生とか色々まとめたパッケージでcanvas部分はEASELJSになります。 Flashからの書き出しもできたり、日本語の書籍もあったりと結構有名ですね。 sample code var circle = new createjs.Shape(); circle.graphics.beginFill("red").drawCircle(0, 0, 50); circle.x = 100; circle.y = 100; stage.addChild
クリックした要素を全画面に広げて、ページ遷移せずに新たな要素を表示する「cta.js」 | NAKAZI LAB.（ナカジラボ）
「cta.js」はある要素をクリックするとその要素が全画面に広がり、ページを遷移せずに新たな要素を全画面で表示することができます。 サイトのメニューを表示したり、コンテンツが少ないサイトのアバウトページ代わりに使えそうです。 デモページ JavaScript (function($){ $(function() { var closeFn; function closeShowingModal() { var showingModal = document.querySelector('.modal.show'); if (!showingModal) return; showingModal.classList.remove('show'); document.body.classList.remove('disable-mouse'); if (closeFn) { closeFn()
オシャレな読込エフェクトが詰まった「PACE」:phpspot開発日誌
PACE ? Automatic page load progress bars オシャレな読込エフェクトが詰まった「PACE」 Ajaxが生まれたばかりの時はGIFアニメーションが主流でしたが、読込エフェクトも進化してきました。 Googleが採用している、ページの最上部にプログレスバーを表示する方法をはじめとした多彩なエフェクトがこのライブラリに詰まっています デザインもフラットでカラーが自由に選べるのでフラットなサイトでより使いやすそうです 関連エントリ ボタンに直接ローディングボタンを付けられる「Ladda」 for Bootstrap 3 クールなローディングエフェクトのアイデア＆サンプル集 ボタンに直接ローディングアニメーションを付けられる「Ladda」
びよ〜んと弾むのが気持ちいい！タブレット・スマフォで使いたいナビゲーション -Bounce Menu
タップすると、びよ〜んと弾んでナビゲーションが表示されるタブレット・スマフォ向けに実装してみたいナビゲーションを紹介します。 Bounce Menu 左下をタップで動作します。 実装はこんな感じです。 HTML <div class="device"> <div class="screen"> <div class="menu"> <ul> <li class="lock"><a href="">Lock</a></li> <li class="share"><a href="">Share</a></li> <li class="download"><a href="">Download</a></li> </ul> </div> <div class="toggle"> <div class="x"></div> <div class="y"></div> </div> <div cl
簡単なゲーム作りを通してJavaScriptを学べる『JS Dares』 | 100SHIKI
学習サイトとして良さそうだったのでご紹介。 JS Daresでは、簡単なゲーム作りを通してJavaScriptを学ぶことができる。 最初は戦車を動かすプログラムからはじめて、少しずつ、自分のペースでレベルアップしていくことができるようだ。 すべてブラウザ上で完結するので環境を用意する手間もいらない。そろそろプログラミングを、という初学者の方はいかがだろうか。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
expand.js
http://expandjs.com/demo/mat-item