タグ

documentとmobileに関するenoki0123のブックマーク (2)

  • jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ - かちびと.net

    jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにする プラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text

    jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ - かちびと.net
  • Yahoo!Japanを作る [iPhoneのある生活]

    ここでは、デフォルトのブックマークである「iPhoneYahoo!Japan」を取り上げます。 今回取り上げるiPhoneYahoo!Japanの特徴 実際のiPhoneYahoo!Japanは、Javascriptによるニュースのスクロールや、CSSでの画像のレイヤー構築など複雑な処理がありますが、 今回はこのうちの一部として以下を取り上げます。 iPhoneを回転させても拡大・縮小しない iPhone用Safariで文字を拡大させない iPhone回転ごとに処理を行う iPhone縦持ち・横持ち用のスタイルを使い分ける 結果とソース 上記のようにほぼ再現することが出来ました。(実際のページはこちら)ソースは以下です。 スケールで縛りを設け、回転時に拡大・縮小を防ぐ 回転時に処理を行う 回転時のイベントを設定 要点 ポイントは以下です。 initial-scale=1, minim

  • 1