タグ

プラグインとサンプルに関するiwwのブックマーク (3)

  • jQuery Easing - jQuery 日本語リファレンス

    Easing/jQuery easingとは、エフェクトの動きを加速/減速させるための関数です。 例えばフェードアウトの動きを考えたとき、通常は透明度の変化量は経過時間に対して線形です。全体で1秒かかって消える処理であれば、0.5秒経過時の透明度は0.5になります。 しかし、ここでeaseInQuadの動きを適用すると、変化量は線形ではなく2次関数の曲線になります。(下記サンプル参照) そのため、最初はゆっくりと薄くなっていき、後半に急激に消えていくような効果が得られます。 特別なことをしなくても使うことの出来るeasingは"linear"と"swing"の2種類だけですが、プラグインなどを入れることで多くのeasingを利用することができます。 このeasingプラグインでは、version 1.3時点で32パターンが提供されています。 これ以外にもeasingは比較的容易に自作するこ

  • 環境一新:やっぱりPDTじゃなくPHPEclipseにした理由 - EC studio 技術ブログ

    以前書いたテキストエディタからPHPEclipseへ移行した決め手の 記事から一年たちました。 Eclipseも新バージョンが登場し、PDTも1.0正式版が出ましたし、 OSも社内ではVistaに切り替わりつつあります。 というわけで、開発環境一新プロジェクトが立ち上がり、 新しくでた環境の検証を行いました。 EclipseはFireFoxと同じようにプラグイン機構なのですが、 構成をいじろうとするとツールごとの相性の問題などで 頻繁にエラーがでてしまいます Eclipse体のバージョンやプラグインのバージョンを とっかえひっかえしながら安定する環境をなんとか作成しました。(大変!) 最終的に作った環境は以下になりました。 Eclipse Platform 3.3 Europa Pleiades (日語化プラグイン) PHPEclipse v1.1.8 (PHP開発環境) Subcli

  • 画像を遅延ロードする定番jQueryプラグイン「Lazy Load」

    画像を遅延ロードする定番jQueryプラグイン「Lazy Load」を紹介します。 1.概要 jQueryプラグイン「Lazy Load」を使って画像を遅延ロードさせることで、ページロード時のHTTPリクエストを減らすことができます。 以前、「Lazy Load」を使っても新しいブラウザではHTTPリクエスト回数が減らない問題があったようですが、2012年11月現在は改善されています。 参考:HTML5時代のjquery.lazyloadは画像のdata-original属性を使う 改善後の仕組みは、img要素のsrc属性にダミーの画像ファイルを指定しておき、ページロード後にスクロールによってimg要素が表示領域に入った段階でdata-original属性に指定した画像を読み込みます。 <img src="grey.gif" data-original="foo.jpg" width="6

    iww
    iww 2013/05/30
    LazyLoadを使っているサイトを無効化するブックマークレットがほしいな・・・
  • 1