レスポンシブデザインってなんですか？

それはね…

最近よく耳にする「レスポンシブ・デザイン」。
なんですか？それ　と思っている人も多いかもしれません。

簡単にいうと、端末のスクリーンの幅に合わせて、コンテンツの形が柔軟に変化するデザインのことです。
なので一つのページでも、アクセスしてくる端末を判断して、それに合わせてページをいい感じで表示するというわけです。

スマホならスマホの幅に合わせて表示し、iPadならiPadに合わせ、PCからならPCにあわせる…
それを一つのページソースでやってしまうわけですね。

今までのように、スマホ用・iPad用・PC用と作り分ける必要がないというわけです。

例えばこんなサイト…
http://oliverrussell.com
このサイトの画面の横幅を狭めていくと、だんだん画面にあわせてスリムになっていきます。

複数の端末に、一つのソースで対応できるというので、端末ごとに複数のページを用意するよりかは工数もかからず、費用削減になるかもしれません。

あのgoogleさんも、検索ロボットには優しいからイイネといってるようで、これから先　導入していきたいというクライアントさんがどんどん増えそうな予感ですね。

が、デザインや構造にも一工夫必要な訳で、なんでもかんでも「じゃあレスポンシブ・デザインでいっといてー」なんて軽いのりでいくわけにはいきません。

あとはまぁ、複数端末用のソースがワンソースになっているので、ページの容量も増え、読み込みもその分遅くなる可能性はあるかなというところで、導入する際は是非アラダスにご相談を　というところです。

しかしこういう動かすといろいろ変化するサイトって、楽しくてマウスで動かして遊んでしまいますよねー。

パララックスのサイトもね。え？パララックスって何って？それはね…