前の記事 ≪:2009年8月26日 管理人のブックマーク
次の記事 ≫:PHP+cURLで出来る便利なサンプルコード15

jQueryでチェックボックスをすごい形にカッコよくしちゃう方法

2009年08月27日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQueryでチェックボックスをすごい形にカッコよくしちゃう方法が紹介されていました。
具体的なデザインは以下。もうチェックボックスの原型がないという、面白くて分かりやすいUIに調整されています。



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



実際のタグは、不可視にしちゃって、jqueryによって、on/off を切り替えればいいわけですから、まさに何でもありで、参考にして他にも面白く、使いやすいデザインはいくらでも作れるかもしれません。
jQueryによるクロスブラウザ対応が出来るので、昔のように神経質になる必要もないですね。

詳細は以下のエントリから参照。
Pretty checkboxes with jQuery | Aaron Weyenberg
関連の記事検索:jQuery, JavaScript, フォーム, Webデザイン
スポンサード リンク

By.KJ : 2009年08月27日 09:07 livedoor Readerで購読 Twitterに投稿

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