レスポンシブWebデザイン
- 2012-09-20
- Webデザイン
- レスポンシブWebデザイン
現在、レスポンシブWebデザインの考えのもと、サイト制作しています!
クライアント様のホームページと自分のWebサイトで、レスポンシブWebデザインを使用し制作してますが、
ウインドウサイス切り替えポイント悩みますね~。
しかし、デバイスの画面サイズが多すぎます。
Android端末は、まさに無法地帯のように画面サイズが多過ぎます。
クライアント様のホームページは、事前の打合せで、ターゲットとする画面サイズを
しっかりとお互いに確認しましたのでよいのですが…。
自分のサイトは色々と試して、今後のクライアント様のサイト制作の為にデータ収集したいと思います。
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
【参考サイト一覧】
ウインドウサイズ切り替えポイントについて大変参考になりました!
レスポンシブデザインのウインドウサイズの切替えについてまとめてみました
スマホサイトでの画像サイズについて検証されているサイト、こちらも参考になりました!
スマートフォンサイトで画像サイズは320px?480px?640px?
Webサービスで、スクリーンサイズに合わせてレスポンシブレイアウトのチェックができるサイトもあります。
Screenqueri.es
コリスさまのサイト良くまとまってます。いつもたいへん助かります!
レスポンシブ デザイン用のレイアウトやナビゲーションなどのパターンのまとめ -This Is Responsive
Responsiveデザインのサイト設計・実装・確認に役立つツールとリソースのまとめ
こんな考えもあります。
レスポンシブデザインは本当に「最良の選択」なのか?
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Googleが推奨しているサイト制作の方法の一つなので、今後は主流(?)のWeb構築方法になるのでしょうか!?
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
メディアクエリーのやり方でこんなのもあります。
JavaScriptにもMedia Queryを「Javascript onMediaQuery」
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++