そもそも、ホームページの … 「レスポンシブ・デザイン」 って、何~?

投稿日:

最近、ホームページなどで
良く言われている …
 ★ レスポンシブ・デザインについて
そもそも、ホームページの …
「レスポンシブ・デザイン」 って、何~?
今さら人には聞けない方々のために (笑)


最もシンプルで簡単に書くとすれば …

ご自分のホームページやブログなどを

見にきていただいた方々が
 ◎ パソコンで見ているのか?
 ◎ iPad など、タブレットで見ているのか?
 ◎ iPhone|Android など
   スマホで見ているのか?
これを 「自動的に判断」 して
 ◎ 表示させる画面を変える
 ◎ 違う画面を表示させる
… そんな 「仕組み」 のことです!


なぜ、こんな 「動きをさせる」 のか?
… と言うと~
パソコンの大画面表示を
スマホの小さな画面で見ることになると
そのまま見れば
もちろん、画像は小さくなり
文字も小さくなり (読めないほど)
とても、見続けることは困難です (笑)
そこで …
もし、ホームページを
見に来ていただいたお相手が
「スマホだった」 場合は …
 ① 大きな画像を、スマホサイズに
 ② 文字サイズを大きくして
 ③ 横並びのレイアウトを縦並びに替えて
しかも、これらを 「自動的に行なっちゃう」
それが 「レスポンシブ・デザイン」 です!


もっと 「簡単に」 例をあげて説明すると …
このコラムの 「画像」 を、ご覧ください!
パソコンで見ると
「横並びに3枚」 表示されている
「青色の画像」 が …
スマホで見ると
「縦並び」 に、表示される!
これを 「自動的に」 動かしてしまう
そんな 「仕組み」 なのです


さて、今の時代 …
50%以上の方々が
スマホでホームページを見ている!
… と、言われています
ということで
この 「レスポンシブ・デザイン」 が
約1年半ほど前から
世の中では主流となってきているわけです。
しか~し (笑)

レスポンシブ・デザインには
「重大な欠点」 そして 「弱点」 があるのです!

ということで …
「レスポンシブ・デザイン」 を
さらに 「進化させた」 … ちょっと手間はかかりますが …
ハイブリッドなデザインが
これからの主流となって行くと思われます。
この続きは、近日中に (笑)



★ とても 「ご要望が多い」 ため …
ご指定&ご要望の 「部分だけ」 での
「アメブロ・カスタマイズ=改造」 も
開始しました (※2015年9月~)
 ↓ ↓ 

▼ 「アメブロ」 進化させる 「3つのメニュー」
 ご自分の 「アメブロ」 の
  ご指定の 「一部分だけ」 を
  カスタマイズ=改造したい方は (ご予算=数千円で)

↓ ↓ ↓

  http://bit.ly/1V400hi

:::::::::::::::::::::::::::::::::::::::::::::::::::

 ご自分の 「アメブロ」 を
  まるで 「ホームページのように」
  フルでカスタマイズ=改造したい方は …

↓ ↓ ↓

  http://bit.ly/1LCpnRK

:::::::::::::::::::::::::::::::::::::::::::::::::::

 ブログを、どのように書けば良いか?
  いま以上に勉強されたい方 は …
  (タイトル|本文|写真|レイアウト
  アクセスを上げる|他サービスとの連携 など)

↓ ↓ ↓

  http://bit.ly/1YqkAYG









私が最近、中心的に取り組んでいる
「仕事・活動」 について

  ▼ PC|タブレットの方は下記ページを

   http://www.jagajaga.jp/index.php/recent-works2/
  
  ▼ iPhone|Android の方は下記ページを

   http://www.jagajaga.jp/index.php/recent-works2-smartphone/

ブログ? Facebook?
いえ!いえ! … 世界に遅れること5年!
 いよいよ 「にっぽん」 も
 【 アプリ時代 】 START です。
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 iPhone|Android
 わたし=太田耕平のアプリ
 < 無料ダウンロード >
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 ① iPhone ユーザーの方は下記から
 ▶ http://goo.gl/0N7AQp
 ② Android ユーザーの方は下記から
 ▶ http://goo.gl/aNZ2fE


  ブログランキング・にほんブログ村へ

-マネージメント・戦略・戦術

関連記事

no image

外食&食品販売ビジネスの幹部に求められる「6つのスキル」

  ::::::::::::::::::::::::::::::::::::::::::::::::::::: 外食&食品販売ビジネスの 幹部に求められる6つのスキル::::::::::::::::: …

no image

ブログを書いている人には …【必須のアプリ】&【必須のスキル】

「アメブロ」 などで ブログを書いている人には … 【必須のアプリ】【必須のスキル】 今日は … ブログや、Facebook での 「役立ち情報」 を … 書いてみます (笑) 多くの人へ、これらの内 …

no image

私たち自身が、SNS などで … テレビや新聞や雑誌と同じような、広告の 「媒体」 となる時代!

YAHOO!が … とうとう、この位置へ 広告を配置してきました! Google の Gmail も … そして、Facebook も … 最近、広告の数が どんどん増えてきていますよね! 私たちは、 …

no image

当然ですが … ワンコ好き同士が仲良くなり、ニャンコ好き同士が仲良くなる!

      Facebook を、見ていると … いろんな人たちの 人間関係 (人間模様) が …   1週間、1ヶ月間、数ヶ月間と 時間の経過とともに …   …

no image

今さら人には聞けない 「セミナーとワークショップ」 の違い (笑)

今までに、セミナーって 有料も無料も含めて … 何回くらい、行ったことがありますか? そして、セミナーへ参加すると 90分間~120分間くらい 一生懸命 「ノートに書いて」 なんだか、わかったつもりに …