2011年とくによくお世話になったjQueryまとめ

by kogalog on 12月 30, 2011

今年もあと24時間とちょっとになりました。

2011年の何かのまとめを書きたかったので、
特にお世話になったjQueryをまとめてみました。

Scrolling Parallax Plugin for jQuery

スクロールに応じて背景をずらして、視差効果を生み出すものです。

視差効果を利用したサイトは、今年たくさん見ました。
たとえばこんなのとか。

NIKE BETTER WORLD
Nike Better World

DENTSU NETWORK
Dentsu Network

Manufacture d’Essai
Manufacture d Essai

洒落てます。
しばらく流行しそうな気がします。

jQuery Masonry

実感として定着してきたイメージはありますが
可変グリッドレイアウトを実現できます。

大きさの違う要素をレンガを敷き詰めるように
レイアウトできます。

10月より公開しました、「アパレルショップブログのポータルサイトsnazg.」なんかもそのレイアウトですね。
アパレルショップブログのポータルサイトsnazg.

carouFredSel

要素をスライドしてくれるやつです。
ローソンのスマートフォン用サイトなんかでも使われています。

http://www.lawson.co.jp/smt/

LAWSONスマートフォン

heightLine

隣あうdivの高さをそろえてくれます。
高さを揃えたい要素の直属の親要素に「fixHeight」というクラスをつけるだけです。

DD belatedPNG

IE6で透過pngを使えるようにできます。
透過pngを使うやつはいろいろあるようですが
これが一番使い勝手がよかったです。

ここの説明がわかりやすかったです。
http://smkn.xsrv.jp/blog/2009/04/postscript_dd_belatedpng_js/

body・tr・td要素の背景には使えないので、そこだけ注意が必要です。


こちらもあわせてどうぞ

Leave your comment

Required.

Required. Not published.

If you have one.