5509

使いやすいセレクトボックスを実装できる jqselectable.js

3年くらい前に最初のバージョンを作ったjQselectableをほぼ全て書き直しました。書きなおす流れで以前のものと互換性がなくなってしまったので、新しいものとして公開します。

Read more

Edit in placeエディタを実装するEIP

シンプルで使いやすいEdit in placeエディタを。

EIPは指定の要素にEdit in placeエディタ機能を付加します。データの保持はカスタムデータ属性で行い、コールバック関数を呼べるためある程度自由にデータのやりとりができます。

Read more

Skroll.jsのマイナーアップデート

OS X Lionぽいスクロールバーを実装できてiOSにも対応した Skroll.js

アップデート項目

  • added: refresh()メソッドの実装
  • added: スクロールバーの背景を表示する
  • bugfix: スクロールバーの高さ
  • bugfix: スクロール量
  • bugfix: スクロールコンテンツが少し余る
  • modifed: iOSでのモーメンタムスクロールのスクロール量、easingの調整

使い方などはSkrollのアーカイブに追記してます。

ページ内の画像がどっしり構えるjQueryプラグイン NiohRoad

この前のLazyLoadの話で、LazyDisplayっていうのも作ったりしましたけど・・・

フワッと出てくる時にイラッとするから止めて欲しいな。文章中の画像表示にエフェクト要らない派なんで、スクロールしたら落ち着いてどっしりそこに構えてて欲しいな。 via

なるほど把握しました。こういうことですか?(某GAZINEから拝借)

というわけで例によってプラグインにしました。

画像に遅延表示っぽいエフェクトを与えるだけのm5LazyDisplay

スクロールしていくとフェードインで表示していくだけのプラグインです。本当にそれだけ。HTTPリクエスト減らすとか、ページロード早くなるとか一切ないです。スクロールしていったときにふわっと表示されるだけです。ちょっと注目ひきたいときに。

サンプル見てもらえば何となく伝わると思います

下記のエントリも併せてどうぞ(セットになってます)
スクロールするまで画像を読み込まない(はずの)Lazy Loadについて

ダウンロード

ダウンロードはgithubから

使い方とかをざっくりと

対象にしたい画像に実行するだけです。

$("img").m5LazyDisplay();

本当に

ただのエフェクトだけなんで

Author

nori
nori
- UI Engineer
Location
- ,