CSS3グラデーション・角丸のジェネレーターをjQuery/CSS3/HTML5で作成するチュートリアル
jQuery, CSS3, HTML5を使用して、CSS3グラデーション・角丸を生成するCSS3ジェネレーターを作成するチュートリアルを紹介します。 Creating a CSS3 Generator with CSS3, HTML5 and jQuery デモページ ※デモはWebkit系ブラウザ（Chrome, Safari）で動作します。 [ad#ad-2] 上記デモでは、CSS3グラデショーン（上のキャプチャ）、角丸（下のキャプチャ）のCSS3をブラウザで表示確認しながらコードを生成できます。 チュートリアルでは、HTML5のDOCTYPEの解説から、各要素へのスタイルシートの適用まで詳しく解説されています。 時間がない方は、とりあえずページ下のファイル一式をダウンロードすると、上記のデモがそのまま楽しめます。
スタイリッシュな角丸を作れるjQueryプラグイン「DivCorners」 | Web活メモ帳
「DivCorners」は画像を使って角丸を簡単に作れるjQueryプラグインです。 境界線のボーダー表示やボックスのレイアウトを簡単に作る事ができるようになっています。 以下のようなコードで動作するようです。 $("div").dcCreate({ imgPrefix: "/images/dCorner-", fileType: ".gif", expand: 10 }); 実際に表示したイメージは下の画像のようになります。 角丸は画像を使用しているようですが、将来的には画像なしで表示するように対応するとの事です。 IE6にも対応しているとの事。 対応ブラウザが多いのは嬉しいですね。
Javascript 角丸ライブラリメモ - Diary of absj31
1.JQuery Corner Gallery 8種類の基本丸角設定が可能。 jQueryベースの角丸javascript「jQuery Corner」 : skuare.net 2.JQuery Curvy Corners 上記のライブラリより、更に詳細な設定が可能。 jQueryベースの角丸javascript「JQuery Curvy Corners」 : skuare.net
角丸を簡単に表現する「 jQuery Canvas Rounded Corners」
角丸を簡単に表現する「 jQuery Canvas Rounded Corners」 Check Tweet 配布元：jQuery Canvas Rounded Corners ライセンス：GNU Lesser General Public License jQuery Canvas Rounded CornersはjQueryで簡単に角丸を実装するためのJavaScriptライブラリです。 Canvasで作成されているため、様々な表現が可能だ。 使い方 最新のjQueryファイルとダウンロードしたファイルに含まれる「jquery.corners.js」、「newExcanvas.js」をhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascrip
jQuery DivCorners :: roydukkey
What is DivCorners? This plugin aims to create an easy way to add border layouts to screen content. This can be rounded corners, simple borders, faded edges, box layouts, and more. Currently this is achieved with images. In the future, I'll include functions to create simple layouts without images. It includes three functions that can be called after jquery.js and jquery.divcorners.js are loaded.
角丸もグラデーションも付けてしまうJavaScript「Round Corners jQuery Plugin」
twitter facebook hatena google pocket 最近は角丸やグラデーションが多用されていますが作るのはなかなかの手間です。 JavaScriptのRound Corners jQuery Pluginを使用すると、そんな手間を省くことが出来ます。 sponsors 使用方法 Round Corners jQuery PluginからroundCorners.jQuery.jsをjQueryからjqueey.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="roundCorners.jQuery.js"></script> <script> $(document).ready(functio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery DivCorners
[JS]画像を使用して、divの矩形を角丸やグラフィカルにするスクリプト -DivCorners