どや!?デザインも高品質なマルチデバイス対応サイト【国内サイト限定】20

02 6月

  • このエントリーをはてなブックマークに追加

デザインも高品質なマルチデバイス対応サイト【国内サイト限定】20

スマートフォン普及により今まで以上にWebサイトにアクセスするデバイスが多種多様化しています。そんなこともあり様々な環境からサイトにアクセスすることができるマルチデバイス対応のサイトがここ最近増えてきています。
今回はそんなマルチデバイス対応サイトを紹介していきます。

マルチデバイスサイトの調べ方

スマートフォンや携帯などで、URLを入力しサイトにアクセスすることでそれぞれのデバイスに最適化されたサイトが表示されます。
実際に実機を持っている方は一つ一つ試してみるのが一番かと思います。

実機が無い場合

どのように最適化されているか、確認したいが実機無い場合があるかと思います。
その場合は、FirefoxのFireMobileSimulatorというプラグインを入れることで確認できるようになります。
iPhoneなどのスマートフォンサイトの確認も出来ますが、少し表示がおかしい部分があります。

FireMobileSimulatorとは?

今回は、PCサイト、iPhone、携帯の3つのデバイスでの表示画面をまとめました。
実際に表示を見たい方は上記の方法で確認してみて下さい。
※携帯サイトは上記のFireMobileSimulatorとiモードHTMLシミュレータⅡを使い確認した為、表示がおかしい部分がありますのでご了承下さい。

それでは、以下のサイトを参考にしてくださいませ。

株式会社クライマークス

PCサイト

株式会社クライマークス

iPhone・携帯サイト

株式会社クライマークス

日本コカ・コーラ

PCサイト

日本コカ・コーラ

iPhone・携帯サイト

日本コカ・コーラ

ジョージア

PCサイト

ジョージア

iPhone・携帯サイト

ジョージア

渋谷歯科タナカ

PCサイト

渋谷歯科タナカ

iPhone・携帯サイト

渋谷歯科タナカ

SoftBank SELECTION

PCサイト

SoftBank SELECTION

iPhone・携帯サイト

SoftBank SELECTION

ケンタッキーフライドチキン

PCサイト

ケンタッキーフライドチキン

iPhone・携帯サイト

ケンタッキーフライドチキン

マツダレンタカー

PCサイト

マツダレンタカー

iPhone・携帯サイト

マツダレンタカー

伊藤ハム

PCサイト

伊藤ハム

iPhone・携帯サイト

伊藤ハム

アコム

PCサイト

アコム

iPhone・携帯サイト

アコム

ブルーマン

PCサイト

ブルーマン

iPhone・携帯サイト

ブルーマン

Softbank

PCサイト

Softbank

iPhone・携帯サイト

Softbank

Yahoo! Japan

PCサイト

Yahoo! Japan

iPhone・携帯サイト

Yahoo! Japan

Amazon

PCサイト

Amazon

iPhone・携帯サイト

Amazon

au

PCサイト

au

iPhone・携帯サイト

au

青山通り歯科タナカ

PCサイト

青山通り歯科タナカ

iPhone・携帯サイト

青山通り歯科タナカ

面白法人カヤック

PCサイト

面白法人カヤック

iPhone・携帯サイト

面白法人カヤック

育毛対策サイト ヘアメディカル

PCサイト

育毛対策サイト ヘアメディカル

iPhone・携帯サイト

育毛対策サイト ヘアメディカル

プロミス

PCサイト

プロミス

iPhone・携帯サイト

プロミス

タウンワーク

PCサイト

タウンワーク

iPhone・携帯サイト

タウンワーク

ピザハット

PCサイト

ピザハット

iPhone・携帯サイト

ピザハット

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">

トラックバックURL

この記事のトラックバック URL