画像表示をフェードインさせることで、そのWebサイトの印象はがらりと大きく変わります。ここでは、実装が簡単で使う機会が多そうな、「champagne.js」を紹介します。リストの要素等をランダムな順番でフェードイン表示をさせる事が出来ます。インパクトのあるサイト作りに活躍しそうです。
Category Archives: Web-Design
カラムの高さをjQueryを使って簡単に揃える方法
複数のカラムでレイアウトを配置するとき、それぞれのカラムの高さを揃えるのって以外と難しかったりします。特にdiv要素を使ったブロック要素の場合です。
例えば、簡単な2カラムのサイトレイアウトでも、サイドバーの高さとメインコンテンツの高さを揃えたいけどどうすればいいの?ということがありますよね。
カラム(ブロック要素)の高さを揃える方法としてはCSSで揃える方法、jQueryのプラグインを使う方法、他にもたくさんあります。
ここでは、私が見つけたなかで一番簡単な方法を紹介します。
面白い!Facebookのカバー写真のアイデア集まとめ
Facebookのタイムラインはユーザーが投稿した出来事や、アプロードした写真を時系列にそって物語のように表示できます。
SNSとして非常に便利なんですが、Facebookの特徴でページのデザインの変更が出来ないので、すべてのユーザーのページが同じように見えてしまいますよね。
そのなかで、タイムラインのカバー写真を使って個性を全力で表現しているユーザーが多くいるようです。
以下はそのまとめ。
無料で使えるクレジット決済のアイコン、素材まとめ
VISAやMASTERCARD等の決済画面で使えそうな素材集を集めてみました。クレジットカードに描かれてるあのアイコンです。EC系のサイトにぴったりですね。PSD形式もありますので、自分で編集する事も可能です。
高解像度で無料テクスチャ素材まとめ。
Webデザインにおいて背景の素材選びは重要なポイントになってきます。
でも素材を求めていろいろなサイトを渡り歩くのは以外と大変だったりします。
ここでは、ハイクオリティで無料、かつWebデザインで使いやすそうなテクスチャ素材集をまとめました。