スマートフォンサイト作成のメモ帳 http://www.paging.jp/mobile Just another PAGEING BLOGS site Sun, 20 Feb 2011 13:31:05 +0000 ja hourly 1 http://wordpress.org/?v=3.0.4 数字が勝手にリンクされないように「format-detection」の指定を。 http://www.paging.jp/mobile/2011/02/20/%e6%95%b0%e5%ad%97%e3%81%8c%e5%8b%9d%e6%89%8b%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%ab%e3%80%8cformat-detection%e3%80%8d%e3%81%ae%e6%8c%87/ http://www.paging.jp/mobile/2011/02/20/%e6%95%b0%e5%ad%97%e3%81%8c%e5%8b%9d%e6%89%8b%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%ab%e3%80%8cformat-detection%e3%80%8d%e3%81%ae%e6%8c%87/#comments Sun, 20 Feb 2011 13:30:35 +0000 sakuralove http://www.paging.jp/mobile/?p=29 iphone（safari）では、ブラウザが勝手に電話番号らしき記述をみつけると勝手にリンクを張る機能が働きます。なので、この機能をoffにするために下記metaタグを記述します。

<meta name="format-detection" content="telephone=no" />

で必要な部分に「お電話はこちら」記述をするようにしましょう。

]]> http://www.paging.jp/mobile/2011/02/20/%e6%95%b0%e5%ad%97%e3%81%8c%e5%8b%9d%e6%89%8b%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%82%88%e3%81%86%e3%81%ab%e3%80%8cformat-detection%e3%80%8d%e3%81%ae%e6%8c%87/feed/ 0 スマートフォン向けに表示サイズを設定する「Viewport」 http://www.paging.jp/mobile/2011/02/20/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e5%90%91%e3%81%91%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%82%b5%e3%82%a4%e3%82%ba%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%80%8cviewport/ http://www.paging.jp/mobile/2011/02/20/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e5%90%91%e3%81%91%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%82%b5%e3%82%a4%e3%82%ba%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%80%8cviewport/#comments Sun, 20 Feb 2011 13:12:27 +0000 sakuralove http://www.paging.jp/mobile/?p=27 スマートフォン向けに表示サイズを調整するには「Viewport」を指定する。

<meta name=”viewport” content=”width=横幅, height=縦, initial-scale=初期の倍率, minimum-scale=縮小可能な最小倍率, maximum-scale=拡大可能な最大倍率, user-scalable=ズーム操作できるかどうか”>


<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1.0, maximum-scale=2.0, user-scalable=yes”>
※device-width=端末の画面サイズにあわせる

]]> http://www.paging.jp/mobile/2011/02/20/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e5%90%91%e3%81%91%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%82%b5%e3%82%a4%e3%82%ba%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%80%8cviewport/feed/ 0 jQuery Mobile Alpha 3 Released http://www.paging.jp/mobile/2011/02/11/jquery-mobile-alpha-3-released/ http://www.paging.jp/mobile/2011/02/11/jquery-mobile-alpha-3-released/#comments Thu, 10 Feb 2011 17:23:24 +0000 sakuralove http://www.paging.jp/mobile/?p=23 jQuery Mobileが2月4日にバージョンアップしました。（jQuery自体も1.5がリリースされています。）
すぐダウンロードして一つサイトをつくってみましたが、慣れるととても使い勝手がいい感じです。

いかんせんJavascriptがいまいち理解できていないので、奥までつっこんでがりがり触るのは今無理ですが、今年はきっつりJavascript勉強してコアな部分までいじれるようになろう！

jQuery Mobile Alpha 3 Released | jQuery Mobile

jQuery: The Write Less, Do More, JavaScript Library

]]> http://www.paging.jp/mobile/2011/02/11/jquery-mobile-alpha-3-released/feed/ 0 CSSフレームワーク「Less Framework 3」 http://www.paging.jp/mobile/2011/01/18/css%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%80%8cless-framework-3%e3%80%8d/ http://www.paging.jp/mobile/2011/01/18/css%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%80%8cless-framework-3%e3%80%8d/#comments Mon, 17 Jan 2011 18:17:03 +0000 sakuralove http://www.paging.jp/mobile/?p=13 スクリーンサイズや表示領域サイズに応じて幅を変更するシンプルなCSSフレームワーク。

Less Framework 3

]]> http://www.paging.jp/mobile/2011/01/18/css%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%80%8cless-framework-3%e3%80%8d/feed/ 0 スマートフォン向けフレームワーク「DHTMLX Touch」 http://www.paging.jp/mobile/2011/01/18/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e5%90%91%e3%81%91%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%80%8cdhtmlx-touch%e3%80%8d/ http://www.paging.jp/mobile/2011/01/18/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e5%90%91%e3%81%91%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%80%8cdhtmlx-touch%e3%80%8d/#comments Mon, 17 Jan 2011 18:12:30 +0000 sakuralove http://www.paging.jp/mobile/?p=9 スマートフォン向けオープンソース・フレームワーク「DHTMLX Touch」

DHTMLX Touch – HTML5 JavaScript Framework for Mobile and Touch Devices

スマートフォンのためのHTML5アプリケーション開発ガイド―iPhone-iPad-Android対応-クジラ飛行机

]]> http://www.paging.jp/mobile/2011/01/18/%e3%82%b9%e3%83%9e%e3%83%bc%e3%83%88%e3%83%95%e3%82%a9%e3%83%b3%e5%90%91%e3%81%91%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%80%8cdhtmlx-touch%e3%80%8d/feed/ 0 モバイルフレームワーク「jQuery Mobile」 http://www.paging.jp/mobile/2011/01/18/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%80%8cjquery-mobile%e3%80%8d/ http://www.paging.jp/mobile/2011/01/18/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%80%8cjquery-mobile%e3%80%8d/#comments Mon, 17 Jan 2011 18:01:09 +0000 sakuralove http://www.paging.jp/mobile/?p=6 jQuery製のオープンソース・ソフトウェア

jQuery Mobile | jQuery Mobile

HTML5＋CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応

  • 著者／訳者：谷拓樹
  • 出版社：ラトルズ( 2010-11-24 )
  • 単行本（ソフトカバー）：288 ページ
  • ISBN-10 : 4899772750
  • ISBN-13 : 9784899772750
  • 定価：￥ 2,310

]]> http://www.paging.jp/mobile/2011/01/18/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%80%8cjquery-mobile%e3%80%8d/feed/ 0