*

レスポンシブル・サイトとは

公開日: : 最終更新日:2015/03/27 ウェブ・テクニック, 基礎知識やノウハウ

responsiveは「反応する」という意味の形容詞。「レスポンシブル・サイト」とは、「反応するサイト」ということですが、何に反応するかというと「端末の画面の大きさ」に反応。

現在、ネット端末は、パソコン、スマートフォン、タブレットのほかプレステなどもあります。これまでページを作る場合、それぞれ、違った端末の「画面用」に作っていたのですが、それでは手間が掛かり過ぎる、ということで、1ページだけを作って、自動的にサイズが合うようにしましょう、ということになったわけです。

「アメーバ的なページ」と言えばよいでしょうか。広い画面ならだら~っと広がって表示して、狭いページならきゅっと細身になって表示される、といった感じです。

仕組みは、ページを1枚作って、CSSで振り分け的なことをします。以前と違うのは、アクセス先のページを振り分けるのではなくて、使うレイアウトのCSSを振り分けるイメージです。だから、ページ用のHTMLファイルはひとつです。

アクセスされているのがiPhoneならiPhone用のレイアウトCSSを適用して、iPadならiPadに「最適」なレイアウトで表示するようにします。ただ、現段階では、これをやろうと思うとHTMLやCSSを熟知してないと難しいです。

そのうち、ネットショップ関係でも、このレスポンシブル・デザインの考えが採用されてくるとは思いますが、1、2年はかかるでしょうか。とりあえずは、スマホ用のページとPC用のページだけでなんとかなっているので、いらないと言えばいらないですが・・・

Adsense

関連記事

エクセルの表

エクセルで作った表をHTMLページに表示

「エクセル(Openoffice)で作った表をウェブページに移植できる!」と、まぁ~こんなことを今更

記事を読む

park.jp

集客方法がわからない、広告宣伝費もあまり出せない。

今回はこの質問。 集客方法わからい&広告費もだせないのだが。 同社の回答は次の通り。

記事を読む

チャリンチャリン・ビジネス

チャリンチャリン・ビジネスを目指せ

チャリンチャリン・ビジネスとは、簡単に言うと「放ったらかしで儲かるビジネス」「自動的にお金が転がり込

記事を読む

フッター

フッターは「とりあえず」設定で

商品ページで良く見られるエリアは上部なので、下部のフッター部分は、とりあえず必要情報を載せておくだけ

記事を読む

ネットショップ講座名古屋

ネットショップ講座 名古屋

久々のオモシロキーワードです。 「ネットショップ講座 名古屋」 「名古屋在住だが、ネット

記事を読む

メルカリ3

メルカリ初心者が学んだ3つのこと

たまに使うメルカリについて学んだことが3つあったので記録しておきます。 いいねの意味が違う 不要

記事を読む

ブラウザロック!音声で「あなたのパソコンがウィルスに感染しました。」(((( ;゚Д゚)))対処法

無料動画(エロ系ではない!)を検索している途中で、次の画面が出てきてブラウザが完全にロックされてしま

記事を読む

事業用口座

ネットバンクで事業用口座は作れる?

作れますよ~。手っ取り早いのは楽天銀行ですね。屋号の口座が作れる数少ないネットバンクのひとつです(ソ

記事を読む

客注

客注とは「取り置き」「取り寄せ」「予約」のこと

「上代」という言葉を知らない頃に「上代は○○円だから」なんて聞いて「じょーだい???何それ?」と聞い

記事を読む

メルカリ売れた

メルカリ売れた!(初注文)苦節200日!?

メルカリに出品すること100日か200日か。コメントやイイネなどがつくものの売れる気配なく完全放置す

記事を読む

Adsense

Adsense

常時SSL
がっくりorz…常時SSLを無料で利用できるプラン発見、灯台下暗し

つい2,3日前に、さくらインターネットを使った常時SSLオプションが、

常時SSL化
常時SSL化へ向けてのテスト体験

ホームページビルダーでPC用に作ったサイトが10年経って、レスポンシブ

オモシロ質問
問い合わせに返答したところ、おもしろい返信が!

ネットショップ開業に特化したサイトをやっていると、やはり、それに関連し

やってはいけない
ネットショップ開業でやってはいけないこと

やってはいけないこと。それは、マルチタスク。マルチタスクは言ってみれば

チョコとオズボーン
バレンタイン商戦のブレイクスルーに学ぶ

いよいよ今月の一大イベントのバレンタインデーです。バレンタインと言えば

→もっと見る

PAGE TOP ↑