[B! jQuery][form] homihooのブックマーク

homihoo id:homihoo

jQueryとformに関するhomihooのブックマーク (3)

select要素のoption項目の内容を画像で表現する為のスクリプト・Image Picker - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 select要素のoptionを分かりやすく表現する、というライブラリです。選んだ項目にあわせて設定した画像が表示、選んだoptionに連動します。これは結構いいアイデアじゃ無いかなと。 select要素のユーザビリティ向上、みたいなスクリプトです。jQueryに依存します。こんなやつです。選ぶと画像にも青い枠が付く、みたいなの。画像はマークアップせず、option要素にカスタムデータ属性を与える事で実装します。 Sample 選択すると画像の選択箇所も連動します。コード <script src="jquery.min.js" type="text/javascript"></script> <script src="image-picker.min.
homihoo 2013/01/17
jQuery

plugin

form
リンク
css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにする
css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにするブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。投稿日2012年04月10日更新日2014年05月10日 cssオンリーの場合まずはcssのみでやってみます。隣接セレクターやcheckedセレクターを使用している関係でieでは動きません。 <div class="check-group clearfix"> <div> <input id="checkbox1" type="checkbox" name="check[]" value="c1" /> <label for="checkbox1">Checkbox 1</label> </div> <div> <input id="
homihoo 2012/08/17
ボタン

form

jQuery
リンク
Creating iOS Styles Switches & Contacts using HTML, CSS [TUTORIAL] - DevGrow - Helping developers grow with turorials
Apple is known for its intuitive design of both hardware and software. If you’ve ever used a Macbook, iPhone or basically any apple product you must have come across apps like Settings, Safari, etc. Most of the users using these apps are really impressed by their design language and ease of use. Infact, Apple spends thousands of dollars on UI Design and relevant R&D to ensure that their users have
homihoo 2011/09/16
form

jQuery

iPhone

javascript

plugin
リンク
1