サイト内検索:

iOSやAndroidのスピナーUIを自前で実装可能にするJSライブラリ「Mobiscroll」

Smartphone & Tablet optimized UI. Make your mobile users lives easier.

Mobiscroll - The customizable HTML5 spinner control for touch devices like smartphones and tablets

iPhoneのWebブラウザでselectタグがあるページを表示すると、そのselectタグ部分はスロットマシンのようなドラムがクルクル回転するUIで表現されるわけですが、そんなUI表現を自前で実現してしまおう、というのがこの「Mobiscroll」というライブラリです。

Mobiscroll - The customizable HTML5 spinner control for touch devices like smartphones and tablets

自前で実現してしまうので、Android端末やPCのWebブラウザでページを見た時も、あのiPhoneのUIな感じで表示させることができるようになります。

もともとあのUIはタッチを前提に設計されているのでPCブラウザで使うとどうなるかな、と思ったのですが結構悪くない感じですね。

そんなわけでそれが体験できるデモページです。

http://demo.mobiscroll.com/

日付けや時間、イメージ(+テキスト)、単純な選択での利用やストップウォッチ的な利用など、非常に実用的なデモが色々紹介されています。

また逆にAndroidのselect表現(UI的にはスピナーっていうんだろな)も可能で、これを使えばiPhone上でAndroidのようなUIを実現することもできます。さらにそれをミックスするってこともできちゃいます(←結構これがいい!)

ということで、ここぞ!というところで活用してみてください。

ライセンスはMITライセンスです。

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2012年9月 7日 20:38に書いたブログ記事です。

ひとつ前のブログ記事は「あのゴールドマン・サックスが内製のJava用コレクション・フレームワークをオープンソースとして公開」です。

次のブログ記事は「「3月のライオン」とBEAMS Tの川本家の猫がデザインされたコラボTシャツ。」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。