スマフォ用サイトでよく使うエレメントが豊富に揃ってるフレームワーク -ChocolateChip-UI

スマートフォンなどのモバイル用サイトを簡単に制作できるようにするJavaScriptベースのフレームワークを紹介します。
先日リリースされたiOS5にも最適化されています。

サイトのキャプチャ

ChocolateChip-UI

ChocolateChip-UIで用意されているエレメント

あらかじめ用意されているエレメントは数多くあります。

  • ツールバー
  • ナビゲーションバー
  • ボタン
  • アイコン
  • ナビゲーションリスト
  • テーブルビューアー
  • セレクションリスト
  • スイッチコントロール
  • ポップアップ
  • プログレスバー
  • アクティビティインディケーター
  • アクションシート
  • セグメントコントロール
  • スライダー
  • カルーセル
  • スクロールパネル
  • ページングコントロール

テキストを並べても分かりにくいと思うので、下記にキャプチャでご紹介。

サイトのキャプチャ

基本的なボタン類

サイトのキャプチャ

リストやバーなど

サイトのキャプチャ

iPadの横向きと縦向きのレイアウト

他のエレメントは下記ページを参照ください。
それぞれの実装方法の解説もしっかりあります。

サイトのキャプチャ

ChocolateChip-UI:チュートリアル

日本語に翻訳してくれる有志も募集している、とのことです。

top of page

©2017 coliss