Concepts

• JSX GUI Toolkit
• iOS UIKitを参考にインターフェイスを設計
• 生のDOMやCSSを触らずにすむように
• ただしレイアウトはCSSの薄いラッパ
• スマートフォンに最適化
• PCサポートはChrome/Safariだけでよい

Notes

• html5でアプリの壁を超える方法
• スマートフォン対応、気をつけたいトラブル
• CSSのmarginが難しい
• Creating Fast Buttons for Mobile Web Applications
• FastClick
• コールバック関数の実行回数を間引く (JSX ver. http://jsdo.it/__gfx__/throttle)

How to develop

JSX repoの web/example/ にこのリポジトリを clone する。 (またはjsx-uiをmvする)

cd $JSX/web/example
git clone git@github.com:jsx/jsx-ui.git

JSX repoのrootディレクトリで make web && make server。

make web
make server

以下のURLにアクセスする。

open http://localhost:5000/try/example/jsx-ui/example/simulator.html

これで編集 & リロードで開発できる。