Design is new entry.

png画像を使って実現する透過を使ったデザイン＆Ajax

alpha.jpg

サンプルサイト

透過pngを使ってどんなことができるのかを考えながら作ってみました。
（IE6等のpng画像非対応のブラウザでは正しく表示されません。）


今回試してみたのは以下の５つ。

  • 背景を透過したコンテンツエリア
  • 背景を透過したグラスボックス
  • マウスオーバーで表示されるツールチップ
  • 透明ストライプの背景色指定による色の変化
  • 透過pngを使ったlightboxのような透過レイヤー

pngを使うと今までできなかった表現が可能になりそうですね。


Tags:
Rating:
 [10pt
20pt
30pt
40pt
50pt]

Page Top

自分で作るカラーマネージメント



色を毎回管理するときに便利なので作りました。


16×16は無駄にでかいので1×5か2×10が便利かな。



1×5PSDデータダウンロード



2×5PSDデータダウンロード



16×16PSDデータダウンロード



オススメ書籍



配色アイデア見本帳 (MdN design basics)

配色アイデア見本帳 (MdN design basics)





配色のサンプルがすごく豊富ですぐに使えて便利です。



Webプロフェッショナルのための黄金則 Web配色デザインのセオリー (Web Designing BOOKS)

Webプロフェッショナルのための黄金則 Web配色デザインのセオリー (Web Designing BOOKS)





色について基礎からwebに特化した色について詳しく載っています。


重要な点をまとめたチェックリストもあってとても便利です。


Page Top

Home Archive Etc. »