[WEB DESIGN] Transcorners – 特定DIVを丸角に
CSSとJavaScriptを使って、特定DIVに曲線を使ったコーナーを描くというもの。JavaScriptの読み込み待ちのために若干の遅延は生じますが、いちいち画像を作らなくていい点では利便性は高いと思う。CSSだけでも丸角を描く事はできるんだけど、そのやり方だとFireFoxなど一部のブラウザに限定されるのに対し、TranscornersではFirefox, Camino, Internet Explorer6, Konqueror, Opera 9, Safari, Internet Explorer 7 RC3といった具合に多くのブラウザで表示できるみたい。適用の仕方は任意のDIVに“roundme”というidを付けるだけ。ラウンドの大きさも微調整できます。女性向けのサイト製作などでわりとよく用いられる丸角多用のデザイン、そうした場面などに使ってみるのもいいかも。