jQuery MobileのデザインをGUIで調整できる「ThemeRoller」が便利ですごい
    このエントリをはてなブックマークに登録

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

 

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

→ jQuery Mobile ThemeRoller [jquerymobile.com]

 

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

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

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

 

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

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

という感じです。

 

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

 

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

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

 

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

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

 

関連:


 

最近の記事







コメントを書く