jQueryで要素をランダムにフェードインで表示させる方法

画像表示をフェードインさせることで、そのWebサイトの印象はがらりと大きく変わります。ここでは、実装が簡単で使う機会が多そうな、「champagne.js」を紹介します。リストの要素等をランダムな順番でフェードイン表示をさせる事が出来ます。インパクトのあるサイト作りに活躍しそうです。

Continue reading

カラムの高さをjQueryを使って簡単に揃える方法

複数のカラムでレイアウトを配置するとき、それぞれのカラムの高さを揃えるのって以外と難しかったりします。特にdiv要素を使ったブロック要素の場合です。

例えば、簡単な2カラムのサイトレイアウトでも、サイドバーの高さとメインコンテンツの高さを揃えたいけどどうすればいいの?ということがありますよね。

カラム(ブロック要素)の高さを揃える方法としてはCSSで揃える方法、jQueryのプラグインを使う方法、他にもたくさんあります。

ここでは、私が見つけたなかで一番簡単な方法を紹介します。

Continue reading

面白い!Facebookのカバー写真のアイデア集まとめ

Facebookのタイムラインはユーザーが投稿した出来事や、アプロードした写真を時系列にそって物語のように表示できます。

SNSとして非常に便利なんですが、Facebookの特徴でページのデザインの変更が出来ないので、すべてのユーザーのページが同じように見えてしまいますよね。

そのなかで、タイムラインのカバー写真を使って個性を全力で表現しているユーザーが多くいるようです。

以下はそのまとめ。

Continue reading