ke-tai.org ケータイサイト開発に関わる記事・情報を紹介

jQuery MobileのデザインをGUIで調整できる「ThemeRoller」が便利ですごかったのでご紹介させていただきます。

ThemeRollerのページは、jQuery Moible本家のサイトにあります。

→　jQuery Mobile　ThemeRoller [jquerymobile.com]

私はこちらのサイトの紹介記事で知りました。

わかりやすく、よくまとまっています。

→　小粋空間　jQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説 [koikikukan.com]

基本的な使い方は上のサイトで十分解説されていますので、このサービスは何かというところと使い方を、簡単に箇条書きすると、

• 色やフォントなどのデザインをGUIで見ながら調整できる
• 複数のデザインを比較しながら作業できる（左メニュー上部のタブで切り替えて値が見れる）
• 上のカラーピッカーをドラッグ&ドロップして色を変更、微調整は左メニューから
• 作ったデザインは左メニュー最上部のDownloadから保存できる

という感じです。

カラーピッカーは、よく使う機能だけあって使いやすく作られています。

保存はZip形式でのダウンロードで行われます。

またCSSは「*.min.css」という形で、圧縮してサイズを小さくしてくれているという親切さ。

このサイトでばばっと下地を作って、手元で微調整という形で作業を行えば、スピードアップに繋がるのではないでしょうか。

ぜひ一度試してみてはいかがでしょうか。

関連：

• jQuery Mobileを基礎から解説した良記事「スマートフォン向けフレームワーク注目の『jQuery Mobile』でスマホサイトを作ってみよう【基本編】」
• とうとう正式版であるjQuery Mobile 1.0が公開されたようです
• もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ