タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

iPhoneとhtmlに関するtihataのブックマーク (2)

  • スマートフォン専用ページを作成する際に知っておきたいポイント|Webpark

    最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには? ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介

    スマートフォン専用ページを作成する際に知っておきたいポイント|Webpark
    tihata
    tihata 2012/02/12
    今度スマートフォンページ作る時にチェックするです!
  • スマートフォンサイトのソースを確認する方法 – creamu

    スマートフォンサイトのソースは、ユーザーエージェントなどで切り替えている場合通常見られませんが、Safariで開くと見ることができます。 「環境設定 / 詳細 / メニューバーに”開発”メニューを表示」で開発メニューを表示 「開発 / ユーザーエージェント / iPhone を選択」 Safariの「ソースを表示」は見にくいので、「開発 / Webインスペクタを表示(command + option + i)」でHTMLCSSなどの情報をわかりやすく表示することができます。 Chromeでも同様の情報を表示することができ、Chromeの場合は「右クリック / 要素の検証」で可能です。

    tihata
    tihata 2012/01/13
    ちょうど知りたかったのです!
  • 1