jQueryでチェックボックスをすごい形にカッコよくしちゃう方法
2009年08月27日-
スポンサード リンク
jQueryでチェックボックスをすごい形にカッコよくしちゃう方法が紹介されていました。
具体的なデザインは以下。もうチェックボックスの原型がないという、面白くて分かりやすいUIに調整されています。

マークアップ上も、次のように綺麗になっています。

実際のタグは、不可視にしちゃって、jqueryによって、on/off を切り替えればいいわけですから、まさに何でもありで、参考にして他にも面白く、使いやすいデザインはいくらでも作れるかもしれません。
jQueryによるクロスブラウザ対応が出来るので、昔のように神経質になる必要もないですね。
詳細は以下のエントリから参照。
Pretty checkboxes with jQuery | Aaron Weyenberg
具体的なデザインは以下。もうチェックボックスの原型がないという、面白くて分かりやすいUIに調整されています。

マークアップ上も、次のように綺麗になっています。

実際のタグは、不可視にしちゃって、jqueryによって、on/off を切り替えればいいわけですから、まさに何でもありで、参考にして他にも面白く、使いやすいデザインはいくらでも作れるかもしれません。
jQueryによるクロスブラウザ対応が出来るので、昔のように神経質になる必要もないですね。
詳細は以下のエントリから参照。
Pretty checkboxes with jQuery | Aaron Weyenberg
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 2012年5月16日 管理人のブックマーク
- jQueryとCSS3を使ったPath風の円形メニューサンプル
- GoogleのPageRankをPHPから得られるPEARパッケージ「Services_PageRank」
- 2012年5月15日 管理人のブックマーク
- フリーのアイコンフォント10まとめ
- マウス位置が光源となりオブジェクトに陰影をつけるjQueryプラグイン「RealShadow」
- 2012年5月14日 管理人のブックマーク
- これは必見のWEBデザインの近未来。HTML5で構築されたサイト45
- クールなドアノブ風の%グラフを描画できるjQuery Knob
- 2012年5月11日 管理人のブックマーク
- 過去のエントリ



















間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)



