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

レスポンシブデザインイメージ フードビジネス 専門家 研究所 ファインド 札幌 太田耕平
 

最近、ホームページなどで
良く言われている …

 ★ レスポンシブ・デザインについて

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

今さら人には聞けない方々のために (笑)


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

ご自分のホームページやブログなどを
見にきていただいた方々が

 ◎ パソコンで見ているのか?
 ◎ iPad など、タブレットで見ているのか?
 ◎ iPhone|Android など
   スマホで見ているのか?

これを 「自動的に判断」 して

 ◎ 表示させる画面を変える
 ◎ 違う画面を表示させる

… そんな 「仕組み」 のことです!


なぜ、こんな 「動きをさせる」 のか?
… と言うと~

パソコンの大画面表示を
スマホの小さな画面で見ることになると

そのまま見れば
もちろん、画像は小さくなり
文字も小さくなり (読めないほど)

とても、見続けることは困難です (笑)

そこで …

もし、ホームページを
見に来ていただいたお相手が
「スマホだった」 場合は …

 ① 大きな画像を、スマホサイズに
 ② 文字サイズを大きくして
 ③ 横並びのレイアウトを縦並びに替えて

しかも、これらを 「自動的に行なっちゃう」

それが 「レスポンシブ・デザイン」 です!


もっと 「簡単に」 例をあげて説明すると …

このコラムの 「画像」 を、ご覧ください!

パソコンで見ると
「横並びに3枚」 表示されている
「青色の画像」 が …

スマホで見ると
「縦並び」 に、表示される!

これを 「自動的に」 動かしてしまう
そんな 「仕組み」 なのです


さて、今の時代 …

50%以上の方々が
スマホでホームページを見ている!
… と、言われています

ということで
この 「レスポンシブ・デザイン」 が

約1年半ほど前から
世の中では主流となってきているわけです。

しか~し (笑)

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

ということで …
「レスポンシブ・デザイン」 を
さらに 「進化させた」 … ちょっと手間はかかりますが …

ハイブリッドなデザインが
これからの主流となって行くと思われます。

この続きは、近日中に (笑)

 


★ とても 「ご要望が多い」 ため …

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

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

↓ ↓ ↓

  http://bit.ly/1V400hi

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

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

↓ ↓ ↓

  http://bit.ly/1LCpnRK

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

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

↓ ↓ ↓

  http://bit.ly/1YqkAYG


 
セミナー 講演会 フードビジネス 専門家 研究所 ファインド 札幌 太田耕平
サポート料金ご案内 2015年7月 フードビジネス 専門家 研究所 ファインド 札幌 太田耕平

 

最近、中心的に取り組んでいる
仕事 (活動) について

▼ 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

 
 

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

 
 

【食ビジネス経営の参考書ブログ 最新投稿】

Thumbnail of new posts 055

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

「長蛇の列」 に 「並んだことがない人」 に 「並んでいる人の感覚」 は、理解できません!

巷 (ちまた) で 話題となっている … そんな飲食店や スイーツ店などの新規オ ...
Thumbnail of new posts 006

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

Win-Win って 「本当の意味では」 あり得るのだろうか?

いきなりですが、私は …  ▶ Win-Win =ウィン・ウィン ...
Thumbnail of new posts 009

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

「思いつき」 で、何かを始めても 「トントン拍子」 に行っちゃう人= 500人のうち1人!

「思いつき」 で 何かを始めても … トントン拍子に上手く行っちゃう人! 「50 ...
Thumbnail of new posts 142

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

「浮気されやすい商売」 と 「浮気されずらい商売」 とがあります!

大きく分けると 2種類あると思うんです! 同じように、お店を構えた 「店舗型ビジ ...
Thumbnail of new posts 020

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

わずか3秒間 「するか?しないか?」 その差は大きい!

「海老チリ」 部分の盛り付けに 「やる気のなさ」 を、感じました! 初対面の人と ...
Thumbnail of new posts 114

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

同じモノを同じ価格で買えるのに、選ばれたお店と、選ばれなかったお店とがある!

例えば 自動車ディーラーの例で考えると  ◎ その 「クルマ」  ◎ その 「装 ...
Thumbnail of new posts 024

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

「チームワーク」 と 「仲良くすること」 とは、当然ですが、まったく意味が違います!

チームやグループを 初めて率いることになった 「新米リーダーさん」 陥りやすい ...
Thumbnail of new posts 097

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

誰でも知ってる 「商品やサービス」 の方が、違いを仕掛けるの 「カンタン」 です!

実は、こういうメニューが 飲食店で提供するの 「最も難しい」 そう言われています ...
Thumbnail of new posts 089

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

検索キーワード作り/ライティングの鉄則!… ターゲットとなる方が【求めている&困っていることを】言葉にする!

検索の 「キーワード設定」 で 自分が、売りたい (紹介したい) 商品やサービス ...