2009年3月

使い勝手良い小さなアイコン素材集

使い勝手良い小さなアイコン素材集

小さてどんなサイトに使いやすいフリーのアイコン素材がダウンロード出来るサイトをまとめました。

こういうちょっとしたアイコンって使い勝手もよくて便利ですよね!

4つのバリエーションに変えれるLightbox風のスクリプト ColorBox

4つのバリエーションに変えれるLightbox風のスクリプト ColorBox

「ColorBox」はLightboxの様に画像を拡大表示するjQueryのPluginです。

拡大表示できるのは画像の以外にも、WebページやHTML、AJAX表示やインラインコンテンツにも対応しています。
一番凄い所はデザインのバリエーションは4パターン準備されおり、自分のサイトにあったテイストに合わせられるって所ですかね。

今回は「ColorBox」の簡単な使い方を解説したいと思います。

画像にALTに記述したキャプションを表示するスクリプト「jCaption」

画像にALTに記述したキャプションを表示するスクリプト「jCaption」

「jCaption」は画像のオルトを利用して、画像の上にキャプションを表示するスクリプトです。

今回は「jCaption」の使い方などを紹介したいと思います。

demo page

ヘッダー部分とかグリッドレイアウトを飛び出しているように作る方法

ヘッダー部分とかグリッドレイアウトを飛び出しているように作る方法

海外のサイトとかでよく見られるんですが、背景画像がドーンと大きく置いてあり、その上にコンテンツがあるようなサイトがあるかと思います。

代表的なサイトと言えばWeb Designer Wallさんが有名だと思いますが、この用なサイトも背景画像さえ出来ればけっこう簡単に出来ちゃうんで、その組み方を解説したいと思います。

demo page

無料で使える錆びついた鉄や汚れた感じのテクスチャー画像

無料で使える錆びついた鉄や汚れた感じのテクスチャー画像

汚れた感じの背景画像などに使えそうなテクスチャー画像をまとめてみました。

少し加工するだけでズッと使える幅が広がるとも思いますし、ほとんどそのまま使えるのもあるので使う機会がある際は、是非使ってみて下さい。

2009年2月 人気記事ランキング

2009年2月 人気記事ランキング

CSS Lecture2009年2月人気記事ランキングです。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年