数字が勝手にリンクされないように「format-detection」の指定を。

iphone（safari）では、ブラウザが勝手に電話番号らしき記述をみつけると勝手にリンクを張る機能が働きます。なので、この機能をoffにするために下記metaタグを記述します。

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

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

Tags: iphone, meta

スマートフォン向けに表示サイズを設定する「Viewport」

:スマートフォン用Howto

スマートフォン向けに表示サイズを調整するには「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=端末の画面サイズにあわせる

Tags: meta

jQuery Mobile Alpha 3 Released

:フレームワーク

jQuery Mobileが2月4日にバージョンアップしました。（jQuery自体も1.5がリリースされています。）
すぐダウンロードして一つサイトをつくってみましたが、慣れるととても使い勝手がいい感じです。

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

jQuery Mobile Alpha 3 Released | jQuery Mobile

jQuery: The Write Less, Do More, JavaScript Library

Tags: jQuery, jQuery Mobile