ShadedBorder.jsで角丸&ドロップシャドウ

Webページを作っていると、角の丸いテーブルやドロップシャドウ
されたアイコンなど、色んな表現が必要になる場面が多々あります。

普通なら角丸の部分を画像として作成し、背景の繰り返しと組み
合わせて角丸テーブルを実現したり、アイコンなどはあらかじめ
Illustratorなどで作成する際に、ドロップシャドウをした状態で保存
していると思います。実際、僕もそうやっています。

ところが、Javascriptならそんな手間をかけずとも角丸やドロップ
シャドウの表現が簡単に出来てしまうんです。

それらを実現してくれるのはShadedBorder.jsといわれるものです。

具体的な使い方は、楽：技林ブログさまで詳しく書かれていたので、
参考にさせていただきました。

(人-)謝謝 です。


実際に使ってみた感想ですが、実にすばらしい！
こんなに簡単に出来てしまうなんて驚きです。

もっと早くに知りたかった（え？おそい？ｗ

画像作成の手間も省けるし、ボーダーサイズや角丸の大きさなど
カスタマイズも出来きて、至れり尽くせりです(^・^)

ただ、あまり多用するとページが重くなるようなので、注意が必要
ですね。

何事もほどほどに、ってことですね☆

ちなみに、ページが縦に長い場合、背景がうまく繰り返されずに
切れることがあります。

そんなときはshadedborder.jsの155行目、162行目のheight値を
増やすことで、正常に表示されるようです。


今日も一つ、いい発見が出来ました♪

いやあ〜、javascriptってゴシゴシ(-_＼)(/_-)三( ゜Д゜) ス、スゲー!

LINK
挨拶状｜はがき 印刷｜引越し はがき｜結婚 はがき
出産 はがき｜年賀状｜喪中 はがき｜暑中見舞い