• かちびと.net

    jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します。jQuery Mobileは日本語でのサンプルの配布がまだ無かったので配布してみることにしました。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

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

スポンサーリンク

簡単なものですけど、jQuery Mobile
でのマークアップ時によく使うっぽい
UIのサンプル作ったので配布します。
簡単なチートシート代わりになるのでは
無いかと思ったのでシェアしてみよう
かと。良かったら使ってください。

というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。

というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。

jQuery Mobile

流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。

以下のサンプルで使用しているファイルが丸ごと梱包してあります。

サンプル※別窓

いちおうキャプチャ。

目次

サムネイル付きのサンプルとか

フィルタ機能。便利っすよねこれ。

ボタンに加えるアイコンのサンプル一覧

ページ推移のエフェクトとか。

iPhoneでアクセス

こんなのが一式、という感じです。チートシート替わり、jQuery Mobileで何か作ったときのサンプルコード用など、宜しければ以下よりどうぞご利用下さい。

ダウンロード

[ 概要 ]
ライセンス:MIT
ファイル形式:zip(28kb)
本家:jQuery Mobile
※Ajaxによるページ推移の確認はWebに上げるかなんかして下さい。
日本語リファも出てるので合わせてどうぞ

[ 概要 ]
ベータ版がリリースされたのでこちらもアップデートしました。
ライセンス:MIT
ファイル形式:zip
本家:jQuery Mobile

問題がありましたらご指摘下さい。

【追記】
ローカライズはしていません。日本語表記にしたい場合は下記が参考になります。
jQuery Mobileをマジメに使うならやっておくべきローカライズとかの設定

なにぶん性格がいい加減なもんで、割と適当な作りです。参考程度ということで/´ω`\

URL :
TRB :

Comments & Trackbacks (7)

  1. 理事太郎

    これは便利ですね。
    スマホ対応時には参考にさせていただきます。

    • シロ

      こんにちは。ぜひぜひ、宜しければご利用下さいー!

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services