「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。
『 CSStechniquesintroducedforcreatingboxeswithroundedcorners,mostnotablythoseinvolvingCSSandJavaScriptandnoimages. 』
ジェネレータを探していると、いつもはソフトウェアを使ってやっていることが、簡単に作り出せるような機能を搭載したジジェネレータがたくさんあります。それとは別におもしろい方向に突っ込んだジェネレータもたく...
これは超絶便利そう。あとで使うという意味でメモ的エントリー(といいつつ最近コーディングしていない・・・)。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
JavaScriptでツールチップを表示するライブラリは比較的多く存在する。ライブラリ選択の基準にデザインが重要になってくる。シンプルなデザインの角まるツールチップで使いやすいのがCoolTips。ライブラリも軽量になっている点もうれしい。
『 「CSSとJavaScriptで影付きの角丸ボックス要素を作る。」IEでは表示なし。 』
『 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 』
RoundedCornr: Rounded Corner and Gradient GeneratorCSS角丸ボックス...
PhpMyBorderPhpMyBorderを使えば簡単に角丸の枠を作ることが可能。CSSで角丸を実現するのはやや面倒だったりしますが、このツールがあれば容易に実現できますね。角丸用の画像を用意する必要もありません。枠線、背景色の設定もWEB上で簡単にできます。
『 class属性指定で簡単に画像エフェクトをかけられる「Corner.js」。 classにcournerやishadow40,inverseなどの値を指定&組み合わせすることで次のように画像に簡単にエフェクトをかけられます。 』