Web-Design | CreatorMemo

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

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

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

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

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

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

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

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

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

以下はそのまとめ。

VISAやMASTERCARD等の決済画面で使えそうな素材集を集めてみました。クレジットカードに描かれてるあのアイコンです。EC系のサイトにぴったりですね。PSD形式もありますので、自分で編集する事も可能です。

Webデザインにおいて背景の素材選びは重要なポイントになってきます。

でも素材を求めていろいろなサイトを渡り歩くのは以外と大変だったりします。

ここでは、ハイクオリティで無料、かつWebデザインで使いやすそうなテクスチャ素材集をまとめました。