ものぐさ主婦のネット生活日記(日記と商品レビューを書いてます)2人の息子を子育て中のものぐさ主婦の日記ですが、気に入った商品のレビューも書いています。 

ここでいっちょスマフォサイトを作っちゃうよ【その2】

   ↑  2012/03/15 (木)  カテゴリー: 日記です
前回にスタートしました公開でスマフォページを作っちゃう企画、今日は【その2】です。
jQuery Mobileのフレームを使っていきます。
関連記事: 『ここでいっちょスマフォサイトを作っちゃうよ【その1】

CSSデータのカスタマイズについては、次のページを参考にします。
⇒ 『実例で学ぶjQuery MobileのCSSカスタマイズ

こちらの参考記事で紹介されているスマフォページ例、↓↓こちらになるんですけど、

スマートフォンサイト原型

このページデータを、まずはそのままお借りします。
(いってみれば、ソースをそのまま、自分のパソコンにデータ保存します)

でも、このまま使っちゃったら、何かいろいろ違反です。
プロのデザイナーさんがデザインしているし、著作権違反とかになります。

だから、お借りするのは、HTMLとCSSの枠だけ。
イラスト素材やロゴ画像をそっくり変更し、
色も、変更していきます。

・・・、

で、おおかた変更し終わったのが、↓↓こちら。

jQueryMobileのCSSカスタマイズを実践

コンテンツ画像とかは、まだ入ってないです。
スペースも、あとから調整します。

ここで苦労しないラクするためのコツは、画像のサイズを変えないこと。
そうすれば、「なぜか崩れる」を防げるからです。(でも、私は少し変えてます)

これで、jQueryMobileのデータを自分で書いたりはできないけれどスマフォページはできちゃいそう、ですよね。^^
【その3】に続きます。

続きを書きました ⇒ 『ここでいっちょスマフォサイトを作っちゃうよ【その3】

関連記事

FC2スレッドテーマ : ひとりごと (ジャンル : ライフ

delicious に追加 hatena に追加 yahoo! ブックマークに追加 google bookmarkに追加 livedoor clipに追加 Buzzurlに追加 @nifty clipに追加 newsing に追加 facebookに追加 twit this!

(記事編集) http://norarinoie.blog8.fc2.com/blog-entry-1175.html

2012/03/15 | Comment (2) | Trackback (0) | HOME | ↑ ページ先頭へ ↑ |

Comment


> melonさん
コメントありがとうございます。
私はいつも手抜きばかり、少しでもヒントになれば嬉しいです。^^

のらり@管理人 |  2012/04/14 (土) 08:25 No.813


この本もってます! こういう風に使えばいいんですねー
つんどいてそのままになってました

melon |  2012/04/12 (木) 15:30 No.812

コメントを投稿する 記事: ここでいっちょスマフォサイトを作っちゃうよ【その2】

お気軽にコメントをぞうぞ。
非公開 (管理人のみ閲覧可能なコメント) にしたい場合には、ロック にチェックを入れてください。

  任意 : 後から修正や削除ができます。
  非公開コメントとして投稿する。(管理人にのみ公開)
 

Trackback