ごきげんよう
モバイルファーストやモバイルオンリーという言葉が出てきて、PCやWeb版とはどこへ行ったのかと気になる今日このごろです。
実際にこのブログを訪れる方の半数以上はスマートフォンやタブレットを使用しているようです。
このブログはレスポンシブデザインになっていて、デバイスの画面サイズによって表示内容が変わるようにしているので、小さい画面でも文字が多くてごちゃごちゃしないよう気をつけています。
このレスポンシブデザインとは、デザイン手法のひとつで様々な機器(スマートフォン、タブレットやPCなど)の画面サイズに対して単一のファイルで対応するものです。
スマートフォン用、パソコン用といった別々のファイルは存在せず、全て共通しています。
しかし、このレスポンシブデザイン。作ったはいいけど正常に表示されるか確認するには画面サイズ違いのデバイスを用意するか、ブラウザで偽装する必要があります。
意外と面倒ですね。簡単に確認できるものはないでしょうか。
そんな中、自分のWebサイトやブログがレスポンシブデザインで正しく表示されているか確認するサイトがあります。
その名は「Responsive View」
アクセスしたら、中央にある欄に確認したいWebサイトURLを入力してLet’s GO!しましょう。
iPhone、iPad、MacBookなどで縦横の表示状態が見られます。
複数端末の表示を同時に見られますし、表示をクリックしてトップページや個別記事の表示の状態も確認出来ます。
一覧ページになっているという点で使いやすいかなと思います。
Webサイトやブログをやっている方はデバイスごとにどのような表示になっているか確認されてみてはいかがでしょうか。
私も実際にやってみて気になる部分を見つけてしまいました。
それでは ごきげんよう
source:
Responsive View