角丸jsライブラリ所感

今回のMTサイトは、コンテンツ部分が角丸。今回はjsライブラリを使用して角丸表現をすることにしました。
特に気になったのは主に以下。
・Nifty Corners
・niftycorner cube(上の進化版)
・curvyCorners


「Nifty Corners」は、やはり最初のもののせいか、書き込むタグの量も多いし、あまり洗練されていない感じがしました。
「curvyCorners」は、アンチエイリアスが売り。
表現の幅は広そうなのだが設置がうまくできなかった・・・
次回に使えれば使いたいなと思う。
最終的に今回は一色の角丸なので、比較的お手軽に設置できそうな「Nifty Corners Cube」を使用することにしました。
「Nifty Corners Cube」のすごいとこは、背景色が変わると自動的に角丸色も変更になるところ。しかし、今回のサイトは背景画像を使用していたため、これの制御に逆に戸惑いました。最初はbody色に左右されるのかと思っていたのですが、試したところどうも一番近い領域の背景色に左右されているようです。設定していないと自動的に白になるようです。
【気が付いた点・変更点】
・スタイル名は、「content」「box」等ででこの名前は指定されてるようで、変更できないぽい。
・jsファイルには、絶対パスでリンクさせました。
【2/29追記】
最終的にうまくいかなくて、(どうもブラウザ違いとか背景が画像なのが災いして)今回の採用は見送ることにしました。タグだけ残しておくことにします( ´Д`)ノ~マタアオウ


【jsライブラリ比較サイト】
Nifty Cube・transcorners・RUZEE.Borders
http://d.hatena.ne.jp/nitoyon/20061202/p1
Nifty Corners Cube・curvyCorners・Mochikit・Rico・Spiffy Corners
http://jmblog.jp/archives/96
主なjsライブラリ比較とRico所感
http://d.hatena.ne.jp/yaguta/20060816/1155744647
【Nifty Corners関連サイト】
Nifty Corners公式サイト
http://www.html.it/articoli/nifty/index.html
真ん中編「Dawnroad」の項目に、サンプルダウンロードのリンクがある。
Nifty Cornersの紹介
http://phprefa.seesaa.net/article/16250388.html
http://blog.webcreativepark.net/2006/04/07-011959.html
Nifty Corners設置方法説明
http://javascript.webcreativepark.net/library/nifty-corners
【Nifty Corners Cube関連サイト】
Nifty Corners Cube公式サイト
http://www.html.it/articoli/niftycube/index.html
一番下の方にサンプルダウンロードのリンクがある。
Nifty Corners Cube公式サイトの日本語訳
http://pyridoxin.web.fc2.com/tips/07012501.utf8.html
Nifty Corners Cubeの仕様詳細説明
http://www.7korobi8oki.com/mt/archives/000097.html
【curvyCorners関連サイト】
curvyCornersダウンロードページ
http://www.curvycorners.net/downloads.php?PHPSESSID=a6ce266386fb47a6b3a69993beb2b4f6
curvyCorners紹介
http://gigazine.net/index.php?/news/comments/20060616_curvycorners/
curvyCorners設置方法説明
http://blog.webcreativepark.net/2006/06/18-173248.html
http://youmos.com/news/curvycorners
【その他角丸関連】
Gigazine角を丸くする方法色々紹介
http://gigazine.net/index.php?/news/comments/20060525_rounded_corner_css/

未分類

Posted by ponnao