「 iPhone 」 一覧

スマホ用のサイトを制作中にiPhoneのSafariで背景画像のposition: fixed;が効かなかったので、それの対処法の備忘録。 この「ああああああ」のボックスが上のメインビジュアルの上を移 …

前回ブックマークレットを使ってのソースコードの確認方法を紹介しましたが、 今回はMacのSafariを使ってのソースコードの確認方法をご紹介します。 ■iPhoneの設定 設定 > Safari > …

スマホサイトを制作する時に、たまに実機でjsの挙動などソースコード(htmlソース)を確認したい時があります。 そんな時、役に立つ小技をご紹介。 Bookmarklet(ブックマークレット)を使った方 …

viewportは幅を指定するためのもの。 javascript部分はアドレスバーを非表示（画面の上に隠す）にするためのもの。 <link rel="apple-touch-icon& …

今回はjQueryを使って簡単な動きを追加します。 2.4jQueryによる簡単なふるまいの追加 ヘッダー部分のナビゲーションメニューをユーザーが表示、非表示と切り替えられるようにする。 ヘッダー内の …

今回はCSSを使ってiPhoneアプリケーションらしい表示の実現。 特徴的なタイトルバー 角丸箇条書きリスト 上記2点を実装して行くみたい。 2.2 iPhone向けのCSS body要素に対してのス …

２章 2.1はじめの一歩 PCサイトをiPhoneで表示させて「改善の余地が多いね」って実感するための項。 このページは流し読みでオッケー！ 2.1.1iPhone用のスタイルシート 共通HTMLを使 …

iPhoneが日本で発売されて２年以上が経ちました。 そこでそろそろ本格的にiPhone用のサイトを作ってみようと手に取ったのがこの１冊！ とにかく “Making App Store A …