Webデザイン・デザイナーの制作に役立つネタまとめ～デザインフィードデータベース

Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。

iPhone風のチェックボックスを実装できるjQueryのプラグイン『iPhone-style Checkboxes』 - IDEA*IDEA ～百式管理人のライフハックブログ～

[ スポンサードリンク ]

2009/06/20 0:02:00　

8　www.ideaxidea.com　[　この元データのコンテンツへ　]

iPhone風のチェックボックスを実装できるjQueryのプラグイン『iPhone-style Checkboxes』 - IDEA*IDEA ～百式管理人のライフハックブログ～　Webデザインフィード

iPhoneのアップデートが始まりましたね。どうなんじゃろ。さて、それはそうとiPhone風のチェックボックスを簡単に実装できるスクリプトをご紹介。jQueryとあわせて使うライブラリですね。使い方は簡単で、いつものようにヘッド部分で読み込んであとは初期化するだけ。↑ チェックボックスがこんな風になります。↑ ラベルも変更可能。YES/NOとかね。ちょっと変わったインターフェースを試してみたい、と...

[　← 前画面へ戻る　]　[　ニコニコ風に見る　]　[　関連記事を見る　]　[　Feeling Lucky　]

【 PR 】 車の買取・下取り・査定なら

◆関連データ◆

iPhoneスタイルのチェックボックスをjQueryで簡単実装:phpspot開発日誌
Introducing iPhone-style Checkboxes iPhoneスタイルのチェックボックスをjQueryで簡単実装。次のようなiPhoneに使われているようなUIのチェックボックスを実装するライブラリが公開されています。使い方は次のように、$(エレメント).iphoneSt...
[ データ元へ ]

[JS]Mootoolsのように領域をスムーズに伸縮するスクリプト -Kwicks | コリス
Kwicksは、Mootoolsにあるように領域をアニメーションでスムーズに収縮するスクリプトのjQuery版のスクリプトです。Kwicks for jQuery デモデモにある4つの矩形の領域はリスト要素となっています。オプションとして、領域間のスペースの有無やアニメーションのタイミングを変更...
[ データ元へ ]

[JS]ドリルダウンやフライアウトなど、アニメーションのエフェクトを持つナビゲーションのスクリプト -fg.menu | コリス
[JS]ドリルダウンやフライアウトなど、アニメーションのエフェクトを持つナビゲーションのスクリプト -fg.menuiPod風のドリルダウン型、飛び出すエフェクトのフライアウト型、シンプルなドロップダウン型など、アニメーションのエフェクトを持ったナビゲーションのスクリプトをfilament gro...
[ データ元へ ]

ナビゲーションに使えそうなタブ付きリスト実装サンプル:phpspot開発日誌
ナビゲーションに使えそうなタブ付きリスト実装サンプル。少ない枠内に多数のメニュー項目を入れ込むことができるＵＩのタブ付きリスト実装のチュートリアルになってます。サイドバーなんかに組み込んでサイトの使い勝手を高められそうです。インタフェースの挙動次のようなインタフェースになってます。別タブ...
[ データ元へ ]

[JS]パネルをペロッとひっくり返すスクリプト -QuickFlip 2 | コリス
divで実装した2枚のパネルを使用して、裏表にペロッとひっくり返すスクリプトをJon Raaschから紹介します。QuickFlip 2demo実装は簡単で、2枚のパネルをdivで括り、親のdivとアンカー箇所 [...]
[ データ元へ ]

Apple風デザインのアコーディオン型ナビゲーションのチュートリアル | コリス
kriesi.atのエントリーから、Apple風にデザインされたアコーディオン型ナビゲーションの画像作成からスタイルシート・スクリプト実装までのチュートリアルを紹介します。 Create an apple style [...]
[ データ元へ ]

とてもシンプルなjQueryのタブコンテンツ | CREAMU
シンプルなタブ切り替えコンテンツを作りたい。そんなときにおすすめなのが、『Simple jQuery tabs』。とてもシンプルなjQueryのタブコンテンツです。activeクラスをJavaScriptでaddしたり、removeしたりしているようですね。HTMLも含めて、コードがとてもシンプル...
[ データ元へ ]

jQueryカレンダーコンポーネント8つ | エンタープライズ | マイコミジャーナル
jQuery: The Write Less, Do More, JavaScript Library人気のあるAjax JavaScriptフレームワークのひとつにjQueryがある。簡単で扱いやすく高速に動作し、サイズも小さい。MozillaのJavaScriptエバンジェリストが開発している...
[ データ元へ ]