CSS Nite in NAGOYA ♭001 〜 わくわくjQuery Mobileフォローアップ

当日のスライド

ご参加いただいた皆様へ,当日のご清聴ありがとうございました.当日のHTMLスライドです.Webkit系のフルブラウザ( Safari, Chrome )でご覧ください.

別のイベントで行った際のフォロー内容もありますので,よろしければ併せてご覧ください.(技術仕様面のフォローアップを含んでいます)

テーマのカスタマイズに役立ちそうなサイト

当日にデモでご紹介した公式のTheme Rollerの他にも,jQuery Mobileっぽくないサイトを作る際に,実装面で参考になりそうなリソースがあります.

Theme Rollerで大枠をざっと整えてから,参考情報を元に細かいところを調整していくと良いのではないでしょうか.

その他,data-*の使い回し等の応用的カスタマイズは公式ドキュメントほか,日本語のコンテンツも充実してきていますので,ぜひ参考にしてみてください.

事例として紹介させていただいたサイト

どのサイトも共通して,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に関連した情報(技術寄り)がありますので,ご参考までに紹介します.

アルファ以前のバージョンで触ったことがある方は,変更点をチェックしていただくとよりjQuery Mobileの良くなった所や変更点をカバーできるとおもいます.