CSS Nite in NAGOYA ♭001 〜 わくわくjQuery Mobileフォローアップ
Posted: Updated:
当日のスライド
ご参加いただいた皆様へ，当日のご清聴ありがとうございました．当日のHTMLスライドです．Webkit系のフルブラウザ( Safari, Chrome )でご覧ください．
別のイベントで行った際のフォロー内容もありますので，よろしければ併せてご覧ください．（技術仕様面のフォローアップを含んでいます）
テーマのカスタマイズに役立ちそうなサイト
当日にデモでご紹介した公式のTheme Rollerの他にも，jQuery Mobileっぽくないサイトを作る際に，実装面で参考になりそうなリソースがあります．
- ( 公式 ) ThemeRoller | jQuery Mobile
- ASCII.jp：西畑一馬のjQuery Mobileデザイン入門
- CSSを追加してjQuery Mobileのデザインをカスタマイズ！ | Lab by engineering@dwango.jp
Theme Rollerで大枠をざっと整えてから，参考情報を元に細かいところを調整していくと良いのではないでしょうか．
その他，data-*の使い回し等の応用的カスタマイズは公式ドキュメントほか，日本語のコンテンツも充実してきていますので，ぜひ参考にしてみてください．
- ( 公式 ) jQuery Mobile: Demos and Documentation
- jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ - かちびと. net
- 知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト | Design Spice
事例として紹介させていただいたサイト
どのサイトも共通して，jQuery Mobileをうまく使いつつ量産品のように感じさせないカスタマイズがされているので参考になります．
Boorbool Communication Mobile (※1) : http://m.boorbool.com/
BARACKOBAMA.com : http://www.barackobama.com/m/
优众-全球顶级时尚奢侈品在线零售商 (※1) : http://m.ihaveu.com/
C . D R I C : http://c.dric.be/
※1 PCで見る場合はUserAgentを偽装してください．なにもしないとPCサイトにリダイレクトされます．（普通にiPhone・Androidの実機でご覧いただいたほうがいいと思います）
当ブログ内のjQuery Mobile関連情報
手前味噌ですが，当ブログ内に過去のjQuery Mobileに関連した情報（技術寄り）がありますので，ご参考までに紹介します．
- Theme Rollerの簡単な紹介
- jQuery Mobile RC1とRC2の変更点
- jQuery Mobile Beta3の変更点
- jQuery Mobile Beta2の変更点
- jQuery Mobile Beta1の変更点
アルファ以前のバージョンで触ったことがある方は，変更点をチェックしていただくとよりjQuery Mobileの良くなった所や変更点をカバーできるとおもいます．
