タグ

ブックマーク / dev.chrisryu.com (3)

  • jQueryのテスティングフレームワークQUnit (でぃべろっぱーず・さいど)

    jQueryのSubversionリポジトリにtestフォルダがあって、jQuery自身のテストが納められていたのですが、そこで使われているテスティングフレームワークがQUnitとしてトップレベルのプロジェクトになったようです。 QUnit - jQuery JavaScript Library これを使うと簡単にjQueryプラグインのテストコードが書けちゃいます。 使い方は以下の通り。 提供されているメソッド test( name, test ) : nameにテストの名称、testには実行するテストを関数の形で渡します。 module( name ) : テストの途中で、テスト対象のモジュールや関数の目印を付けたいときに使います。nameにはモジュールの名称を渡します。 ok( state, message ) : stateがtrueならOK、falseならNGという判定になります

    monjudoh
    monjudoh 2008/06/16
    jQuery用単体テストtoolの使い方
  • jQueryでダミーフォーカスの実装 (でぃべろっぱーず・さいど)

    昨日公開した「Amazon ベストセラー ビューア」では、左側の商品のサムネイルで、オレンジ色のカーソルを実装しています。キーボードの、hで左に移動、lで右に移動、jで下に移動、kで上に移動します。 今回は、こうしたダミーフォーカスの実装方法を解説します。 とっても、やり方は簡単で、フォーカスを表現するスタイルシートのクラスを定義して、そのクラスを付け外しするだけです。 「Amazon ベストセラー ビューア」では、フォーカスを定義するスタイルシートのクラスとして、以下のようなクラスを定義しています。 #feed img{ padding:3px; } #feed img.selected { background-color:#FF8C00; } id="feed"のエレメント(サイトではdiv)の下にあるimgは、すべてpadding:3pxとし、selectedというクラスが指定され

    monjudoh
    monjudoh 2008/06/03
    hljkでフォーカスのように見えるものを動かすUIの実装
  • JUI Tokyo 2008に参加してきましたよ! (でぃべろっぱーず・さいど)

    JUI Tokyo 2008に参加してきました! 無謀にもLTとか申し込んじゃったりして。 スピーカ(LT含む)の席は一カ所に固められていて、なんとamachangさんの隣に座れました。もっとお話しすれば良かったのですが、久しぶりに知らない人ばかりのところに飛び込んだので、ちょっと気後れしちゃいましたよ。だめだね、こりゃ。 まずは各セッションの内容と感想から。 jQuery UI / Paul Bakaus (パウル・バカウス) さん フルタイムの仕事でjQuery UIやってるそうです。 jQuery UIの機能とか説明しつつ簡単なデモをいくつか。 Drag & Drop 等のよくある機能から、Effect API とか。 Dragしても、要素をposition:absoluteじゃなくてfloatしたまま扱うから、要素を3つfloatさせて並べているところで、真ん中の要素をドラッグして

    monjudoh
    monjudoh 2008/05/21
    良いまとめ記事
  • 1