タグ

2012年2月2日のブックマーク (2件)

  • PC版とスマートフォン版サイトを自動で切り替える方法 [ホームページ作成] All About

    スマートフォンは、PC用に作られたウェブサイトでも表示できます。しかし画面サイズが小さいため、そのままの状態では読みにくい可能性があります。その場合の対策としては、 レスポンシブWebデザインを採用する スマートフォン専用サイトを作る などの方法があります。 ■更新や管理が楽なのはレスポンシブWebデザインだが…… 更新や管理の労力を考えれば、レスポンシブWebデザインを採用する方が楽でお勧めです。その方が、同じ情報を掲載したページを複数用意する必要がありませんし、新しい端末が登場しても(おそらくは)何もせずに対処可能ですから。 (参考) ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選 しかし、既存のPC用サイトがレスポンシブ化しにくいデザインな場合や、スマートフォンの特性を活かしたウェブサイトを用意したい場合では、PC版サイトとスマートフォン版サイトを分離する方が望ましいこ

    PC版とスマートフォン版サイトを自動で切り替える方法 [ホームページ作成] All About
    jama23
    jama23 2012/02/02
    構築方法。ユーザーエージェントによるサイトの切り替え
  • PCサイトとiPhoneサイトを簡単にCSSの切り替えだけで実装する方法│でろぐ

    PCサイトとiPhoneサイトを簡単にCSSの切り替えだけで実装する方法 2010年12月30日 (木) 今日は少し勉強になった事があったのでメモがてらのエントリで。 まず前提として 「PCサイトとiPhoneサイトを同一のファイルでCSSの切り替えだけで実装したい」 というのがあります。 それはなぜっていうと例えばPCサイト(example.com/)とiPhoneサイト(example.com/iphone)みたいに違うファイルでの切り替えをするのは比較的方法がたくさんあるんですけど、めんどくさがりやな僕は1つのHTMLファイルでそれぞれ最適な見方が出来れば楽じゃね?って思うんです。 だって例えばブログの記事書いてそれが違うファイルで出力されるとかになったりすると重複コンテンツなんじゃねとかサーバー負荷高いんじゃねとか色々考えてしまうんですよね。 なので今回はHTMLのようなコンテンツ

    PCサイトとiPhoneサイトを簡単にCSSの切り替えだけで実装する方法│でろぐ
    jama23
    jama23 2012/02/02
    cssでpcサイトとiphoneサイトを変更する。