レスポンシブＷＥＢデザイン

ＰＣ用のホームページを簡単にスマートフォンに対応できる、
レスポンシブデザインの話し・・・

Ｇｏｏｇｌｅがスマホ対応していないサイトの検索順位を下げるという通達を出した

http://googlewebmastercentral-ja.blogspot.jp/2015/02/finding-more-mobile-friendly-search.html

ということで、
まあ、ぼくの会社のページは検索順位なんて関係ないんだけど、
一応、どうやったらスマホ対応できるのかということで、
調べてみました。

結局・・・やっちゃいけない事リスト・・・

 フラッシュを使っている
 ビューポートが設定されていない
 固定幅のビューポートになっている
 コンテンツのサイズがビューポートに対応していない
 フォントサイズが小
 タップ要素同士が近すぎ

という点をちゃんとしていれば問題ないそうです。

そしたらすぐに良いツールを見つけました

http://getbootstrap.com/

ブートストラップ・・・
これを使ってサイトを作れば、
レスポンシブなWEBサイトが簡単に作れるそうです・・・


自分のサイトがちゃんとスマホ対応しているか
チェックするには、

Googleのウェブマスターツールから、
検索トラフィック モバイルユーザビリティ
でチェックできます

 参考情報

レスポンシブサイトを作る際に役立つ情報
http://gihyo.jp/design/serial/01/bootstrap3

無料テンプレート供給元
http://html5up.net/

無料テンプレート供給元
http://template-party.com/temp_responsive.html

メールフォーム
http://www.php-factory.net/mail/01.php
http://kawaidesu.com/bootstrap/sumaho_order_form/