Junior - A front-end framework for building HTML5 mobile apps with a native look and feel.
A front-end framework for building HTML5 mobile apps with a native look and feel. CSS3 Transitions optimized for mobile performance. Swipable carousels using flickable.js. Integration with backbone.js views and routers. Ratchet CSS UI components. Try loading this page on a mobile phone or try our "simulator" to the right. Download Installation Javascript Dependencies modernizr zepto zepto flicka
Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
HTMLを使ってiOSアプリのモックアップを手早く作るフレームワーク·Ratchet MOONGIFT
RatchetはHTML/CSS/JavaScriptを使ってiOSアプリのモックアップを素早く作るフレームワークです。 iPhoneアプリを開発する際にまずプロトタイプを作ることが多いですが、Xcodeなどを使って作っていては時間がかかると感じるかも知れません。そこでもっと手軽に手早くモックが作れるRatchetを使ってみましょう。 デモサイトです。 ヘッダー、フッターは動かないでスクロールします。 チケットページに遷移しました。 フォームです。奇麗です。 設定ページ。ボタンの色も指定できます。 こちらはキッチンシンク。 タイトルだけでもこんなにパターンが。 タブバーも色々。 ボタンも大きさ、バッジ付きなど色々。 リスト。 リストにバッジをつけられます。 ボタン付きバッジ。 フォーム。 Ratchetの利点はHTML/CSS/JavaScriptで構成されているということです。記法に沿っ
ネイティブライクなスマートフォンWebアプリを開発するフレームワーク·Junior MOONGIFT
JuniorはBackbone.jsやRatchetを使って スマートフォン向けにコンテンツを提供する方法は主に二つあります。一つはネイティブアプリ、もう一つはWebアプリです。Juniorはネイティブ並みのWebアプリを開発するためのフレームワークを提供します。 右側にあるのがデモアプリです。横スクロール可能なスライドはflickable.jsを使っています。 こんな感じで写真が切り替わります。 ネイティブ風のUIはRatchetを使っています。 Pushstate APIを使っているのでBackボタンなどがちゃんと動きます。 Juniorはその他、ビューやルーティングについてBackbone.jsを使うなど単体で特別な機能を提供するのではなく優れたライブラリを上手に組み合わせて提供しています。しかしこれらのライブラリを組み合わせることで手早くスマートフォン向けのWebアプリが開発できる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
