jQuery Mobileでサイトを作成する時に役立ちそうなサイトやツールのまとめ

jQuery Mobileでサイト構築する際に役立ったTipsをまとめておきます。
ちょっとずつ追加していくのでしばしお待ちを…。

  
この記事は2年以上前に書かれたものです。
情報が古い可能性があります。

リファレンス


jQuery Mobile

公式。ファイルのダウンロードやCDNへのリンク。デモ。ドキュメントなど。

jQuery Mobile 1.0b1 日本語リファレンス

最新版ではないですが、日本語のドキュメントです。

入門


西畑一馬のjQuery Mobileデザイン入門

現在第7回まで。


jQuery Mobile[基礎編]

左右矢印キーでページが切り替ってご覧になれます。

ツール


jQuery Mobile Themeroller

オリジナルテーマカラーを作成する。


Edit this Fiddle
JQM+CSS+Javascriptをブラウザで手軽に実行・確認できるツール。

サンプル配布・チュートリアル


jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します

かちびと.netさんより。デモとかサンプルとか良く公開されている方なので勉強になります。


Building a Website with PHP, MySQL and jQuery Mobile, Part 1

PHP+MySQL+jQuery MobileでWebサイトを構築するチュートリアル。
英語ですがいざプログラムも組み込んで構築したいって時に参考になるかも。

ライブラリ

jQuery Mobile Plugin for Google Maps: Route Finder App
デモページ

GoogleMap APIをjQuery Mobileで使用しようといったもの。jquery-ui-mapも使用されています。

PhotoSwipe

JQMでも使用できるJSのフォトギャラリーライブラリ。
以下も参考にどうぞ。
iPhoneやAndroid等のタッチデバイス向けイメージギャラリー用JSライブラリ・PhotoSwipeなかなか良いですぞ

ギャラリー


jQuery Mobile Gallery

jQuery Mobileで制作されたサイトのリンク集です。

JQMで制作されたサイト


WALLPAPER COLLECTION for スマートフォン
VIVID COLORS + BLOG -福岡で働くWebデザイナーのブログ- のYUKIさんが制作された壁紙ダウンロードサイトです。

制作された時のお話は以下から。
jQuery Mobileを使ったスマートフォン用壁紙ダウンロード用サイト『WALLPAPER COLLECTION for スマートフォン』つくりました!

その他参考

  

共有やブックマークなど

3 Responses to “jQuery Mobileでサイトを作成する時に役立ちそうなサイトやツールのまとめ”

  1. […] jQuery Mobileでサイトを作成する時に役立ちそうなサイトやツールのまとめ […]

  2. […] jQuery Mobileでサイトを作成する時に役立ちそうなサイトやツールのまとめ […]

  3. […] jQuery Mobileでサイトを作成する時に役立ちそうなサイトやツールのまとめ […]