wakuworksのブックマーク - はてなブックマーク

JavaScriptでAS風のEnterFrameの実装を考えてみる - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） jQueryのアニメーション機能はあまりにも便利ですが、刻々と位置情報などを更新していくタイプの処理には向いていません。こういうのが得意なのは、例えばASにおけるEnterFrameイベントなのですが、似たような実装をJavaScriptで出来ないだろうか、というのが今回の趣旨です。生のsetInterval/setTimeoutでいいんじゃない？ごもっとも。そんなに複雑にはなりませんしね。ただ、もうちょっと直感的に扱いたかったり、管理し易いクラスが欲しかった。さらに強いて言えば、「書いてみたかった」のです。以下に、2通りのパターンをライブラリにしてみました。さりげなくjsdo.itデビューも果たしてみましたよ！ ※いずれもjQueryを使用 Timeline.js jQueryのbind/triggerを使っ
wakuworks 2012/11/26
js

as
リンク
JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. 要するに、面倒なJSのユニットテストをより快適にしてみんなでハッピーにテスト書こうよ！というツールです。 testem自体はnode.jsベースで動作し、Jasmine/QUnit/Mochaに対応して
wakuworks 2012/10/31
今度使ってみよう

js

mocha

QUnit

テスト
リンク
IEの透過PNG+opacityの不具合を治すメモ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています）透過PNGの処理が下手くそなのは、IE6だけではなく、IE7/8も同様です。 IEで透過PNGをあてた要素のopacityを弄ると、周りがグレーがかって汚くなります。この現象はよく知られていると思いますが、今日はこの不具合の治し方のメモを記しておきます。サンプルコード例えば、こんなコード。 <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngとte
wakuworks 2011/02/17
IE

DD_belatedPNG

png
リンク
1