[み]国内のかっこいいレスポンシブ・ウェブデザインのサイトを18コ集めたよ

Twitter Bootstrapを知ってから、レスポンシブ・ウェブデザインにすっかりハマってしまっているみはら(@masashi_385)です。
今回は、いつもとは趣向を変えて、かっこいいレスポンシブ・ウェブデザインのサイトを紹介します。
みはらもいつかこんなサイトをつくりたいです。

レスポンシブ・ウェブデザインって何?

まず、レスポンシブ・ウェブデザインについて、ご存じない方のためにサラっと紹介します。
レスポンシブ・ウェブデザインとはカンタンに言うと、デバイスに関係なくブラウザの横幅を基準にCSSでレイアウトを調整して表示する方法です。
なので、WordPressだったらiPhone用にWPtouchを準備したり、ガラケー用にKtai Styleをいれなくともブラウザの横幅を見てキレイに表示してくれます。

かっこいいレスポンシブ・ウェブデザインのサイト18コ

ではどんどん紹介していきます。

Twitter Bootstrap

Twitter Bootstrap


伊藤内科医院

伊藤内科医院 – 内科・循環器科・呼吸器科・消化器科・小児科


NHKスタジオパーク

NHKスタジオパーク


Baby-G

Baby-G – CASIO


カネボウ化粧品

カネボウ化粧品


面白法人カヤック

面白法人カヤック


株式会社アバランチ

株式会社アバランチ ホームページ制作実績サイト|AVALANCHE WEB PRODUCTS

株式会社 太平社

株式会社 太平社


CREATIVE SURVEY

CREATIVE SURVEY


FANCL

FANCL ファンケル

iRobot

iRobot ロボット掃除機ルンバ 公式サイト

ポケットモンスター

ポケットモンスターオフィシャルサイト

Coworkscape

Coworkscape – 登録自由のコワーキングスペース情報サイト –


大分健生病院

大分健生病院


バニレートデザイン事務所

バニレートデザイン事務所 | vanillate design office | wordpressカスタマイズ,colormeshop,ホームページ制作


ケイアイスター不動産

TOKYO KI ケイアイスター不動産


パナソニック新卒採用情報

新卒採用情報|採用情報|パナソニック企業情報|Panasonic


Adobe HTML5 特設サイト

Adobe HTML5 特設サイト


WordPressで手軽にレスポンシブデザインを利用するには

WordPressを使っていて、レスポンシブにしたいなぁと思った方いらっしゃるんじゃないでしょうか?
WordPressの場合、テーマを変えてやれば自由に見た目を変えられますので、みなさんいろんなテーマを使ってみたことがあるんじゃないでしょうか?
その中で、レスポンシブデザインに対応しているものを選ぶのが手っ取り早い方法です。
そのテーマを探すのが面倒だという方、そんな方は、デフォルトで入っている「Twenty Eleven」を使いましょう。
じつはこの「Twenty Eleven」はレスポンシブ・ウェブデザイン対応なんですよ。

シェアありがとうございます

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

commentYour Message

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

checkboxみはら.comはエックスサーバーです

editNEW エントリー

PAGE TOP arrowup