スマフォ用サイトでよく使うエレメントが豊富に揃ってるフレームワーク -ChocolateChip-UI
Post on:2011年10月28日
スマートフォンなどのモバイル用サイトを簡単に制作できるようにするJavaScriptベースのフレームワークを紹介します。
先日リリースされたiOS5にも最適化されています。

[ad#ad-2]
ChocolateChip-UIで用意されているエレメント
あらかじめ用意されているエレメントは数多くあります。
- ツールバー
- ナビゲーションバー
- ボタン
- アイコン
- ナビゲーションリスト
- テーブルビューアー
- セレクションリスト
- スイッチコントロール
- ポップアップ
- プログレスバー
- アクティビティインディケーター
- アクションシート
- セグメントコントロール
- スライダー
- カルーセル
- スクロールパネル
- ページングコントロール
テキストを並べても分かりにくいと思うので、下記にキャプチャでご紹介。

基本的なボタン類
[ad#ad-2]

リストやバーなど

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

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