jQueryとCSSでグラデーション角丸＋リキッドレイアウトをコーディングしてみる | Blog hamashun.com

JavaScriptとかjQueryとか勉強中なので、勘違いしている部分があるかもしれません。 もし誤りがあったら、ご指摘頂けると嬉しいです。 4つの要素でグラデーション角丸＋リキッドレイアウト 前回と前々回では、CSSで半ば無理やりグラデーション角丸＋リキッドレイアウトを組んでみました。 この種類の角丸デザインはCSSを書く上で必要な要素の数が多くなってしまうので厄介、というのがこれまでのあらすじ。 今回はCSSだけにこだわらず、スクリプトを使ってみたいと思います。 jQuery使用 jQueryを使います。 jQueryの特徴は色々あるんですが、ノードの取得にCSSセレクタみたいな書き方ができるのがとても気に入っています。 普段CSSを書いている人にはとても使いやすいです。 今回のサンプルでは使ってないですけど、jQuery越しにCSS3のセレクタが使えたりするのも魅力です。 しかもI

[t32k]

- Tags: #jQuery

[junhirabayashi]

サンプルのJSソースはとてもシンプルです。 jQueryは、wrap()メソッドを使うとその要素をWrap（包むの意味。ちなみにサランラップのラップもこれ）してくれます。 例を挙げると、 $("div.entrytW

[aratako0]

おおー、ありがとうございます。JSやっぱり面白そうだなー。