ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ChocolateChipはHTML5/CSS3/JavaScript製のオープンソース・ソフトウェア(BSD License)です。

モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版とも言えるChocolateChipを紹介します。


例えばこちらはiPhone風。iOS 7に似ています。


同じ内容でAndroid風。


こちらはWindows Phone向け。


Todoなどで使えるリスト。


同じ表示もAndroid風にすると印象が随分変わりますね。


AndroidでスイッチUI。


iPhoneでレンジ。


削除できるリスト。


ポップアップ。


ポップオーバー。


タブバー。


ページネーション。


シート。半透明なのがiOS 7に似ていていい感じです。


リスト。サムネイル付きです。


アイコン付きリスト。

ChocolateChipはiOS 7風UIに対応し、さらにAndroidとWindows Phoneにも似せたテーマが提供されています。これだけのコンポーネントがあればネイティブ風Webアプリケーションも手軽に作れるようになりそうですね。


MOONGIFTはこう見る

従来、この手のライブラリとしてはiPhone風に寄せるものが多かったように思います。実際、Webサイトを訪問するモバイルデバイスの半分以上はiOSであり、実際のモバイルデバイスシェアに比べてiOSからのアクセスは多いのが実情です。

しかしAndroidの台頭やWindows PhoneやFirefox OSなど第三のデバイスが出てくるのに合わせてテンプレートライブラリも進化しつつあります。特にテーマで分けられるChocolateChipを使うのは各デバイスへの最適化も容易に実現できそうです。

ChocolateChip-UI

sourcebitsllc/chocolatechip-ui

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2