WordPressアップデートによるテーマファイル構成の不具合により、現在は仮のテーマで表示しています。
記事など読みづらいところが多々あると思いますがご了承いただけると幸いです。
鋭意修正中です…

jQueryでiPhoneチェックボックス「iphone-style-checkboxes」

iPhoneで「ON」「OFF」といった切り替え選択要素では、
ボタンの上の蓋(?)をスライドして切り替えるインターフェイスを使用していますが、
jQueryを使ってWebページ上でも同様の仕組みを組み込むことが出来るライブラリ
「iphone-style-checkboxes」の紹介。

iPhoneStyleCheckboxes.jpg
tdreyno/iphone-style-checkboxes @ GitHub

ライブラリファイルをダウンロードすると
サンプルHTMLの中にいくつかの動作パターンが用意されています。
組み込みもさほど難しくなく、しかもMITライセンス。

操作していて何か気持ち良さを感じるこのインターフェイス。
どこかで使ってみたいと思っています。

ご参考までに。。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です