スマフォ用サイトでよく使うエレメントが豊富に揃ってるフレームワーク -ChocolateChip-UI
Post on:2011年10月28日
スマートフォンなどのモバイル用サイトを簡単に制作できるようにするJavaScriptベースのフレームワークを紹介します。
先日リリースされたiOS5にも最適化されています。
![サイトのキャプチャ](/wp-content/uploads-2011-2d/2011102801.png)
[ad#ad-2]
ChocolateChip-UIで用意されているエレメント
あらかじめ用意されているエレメントは数多くあります。
- ツールバー
- ナビゲーションバー
- ボタン
- アイコン
- ナビゲーションリスト
- テーブルビューアー
- セレクションリスト
- スイッチコントロール
- ポップアップ
- プログレスバー
- アクティビティインディケーター
- アクションシート
- セグメントコントロール
- スライダー
- カルーセル
- スクロールパネル
- ページングコントロール
テキストを並べても分かりにくいと思うので、下記にキャプチャでご紹介。
![サイトのキャプチャ](/wp-content/uploads-2011-2d/2011102802-01.png)
基本的なボタン類
[ad#ad-2]
![サイトのキャプチャ](/wp-content/uploads-2011-2d/2011102802-02.png)
リストやバーなど
![サイトのキャプチャ](/wp-content/uploads-2011-2d/2011102802-03.png)
iPadの横向きと縦向きのレイアウト
他のエレメントは下記ページを参照ください。
それぞれの実装方法の解説もしっかりあります。
![サイトのキャプチャ](/wp-content/uploads-2011-2d/2011102803.png)
日本語に翻訳してくれる有志も募集している、とのことです。
sponsors