bascinetのブックマーク / 2014年7月18日

bascinet id:bascinet

2014年7月18日のブックマーク (2件)

Agile Css3 Engine – JavaScriptを使って高度なCSS3アニメーションを実現
CSS3を使えば簡易的なアニメーションや回転もサポートするなど、より高度な表現が自由にできるようになります。とは言え、タイミングをずらしたりするのをすべてスタイルシートで行うのは大変です。そこでJavaScriptを使ってCSS3を出力しようと言うライブラリがAgile Css3 Engineになります。アニメーション系に強いJavaScriptライブラリです。 Agile Css3 Engineの使い方 Agile Css3 Engineはクロスプラットフォームに対応し、デスクトップからスマートフォンまで幅広く動作します。またキーフレームベースのアニメーションもサポートしています。Agile Css3 Engineを使えばCSS3を使った（CanvasやSVG、WebGLは使っていません！）アニメーション処理が手軽に実装できそうです。 Agile Css3 EngineはJavaScr
bascinet 2014/07/18
javascript

animation

css

css3
リンク
Deb.js·JavaScriptのデバッグを効率化する小さなライブラリ MOONGIFT
最近のWebブラウザの進化によってJavaScript開発はとても便利になっています。ブレイクポイントを差し込んだり、コンソールを使うことでどんどん開発が進められるようになっているでしょう。そんなJavaScript開発をさらに便利にしてくれそうなソフトウェアがDeb.jsです。ごくごく小さなデバッガーです。 Deb.jsの使い方 Chrome ウェブストアで公開されていますので、インストールします。こちらがインストール画面です。インストールされるとDebアイコンが追加されます。こんな感じでURLに?debjsを追加すると自動で読み込まれるようになります。任意の関数に.deb()を追加するとスタックとレースされるようになります。引数や返り値、実行時間などもとれて便利です。色分けもされるので分かりやすいですね。開発効率向上を考えると、デバッグ方法は色々知っておいて損はないでし
bascinet 2014/07/18
debug

chrome

javascript
リンク
- 2014年7月21日
- 2014年7月18日
- 2014年7月16日