2019/11/22
もう迷わない!「Screen Size Map」で適切なブレイクポイントを設定しよう!
日々新たなデバイスが生まれる昨今ですが、増えすぎてなにがなんだか・・・。1個1個調べるのも大変だし・・・ブレイクポイントはどれを設定すればいいの?と思う方は少なくないのではないでしょうか。そのような方向けにおすすめの「Screen Size Map」というツールを今回紹介いたします。
Screen Size Map
スマホ・タブレット・デスクトップの一般的なスクリーンサイズに関して、デバイス名や人気度、スクリーンサイズなどを表示してくれます。
使い方
使い方はとてもシンプルで、ページにアクセスしてマウスを四角の上に置くだけ。
いくつもの四角が表示されていますが、それらは全てスクリーンサイズを示しています。
マウスを置いてみると詳細が表示されます。
「Devices」では該当する解像度のデバイス名を、「Popularity」では人気度を表示してくれます。
条件絞込みも可能
これだけあると何がなんだか分からない!となりますが、ご安心ください。
ページ右上にあるツールで絞り込みも可能です。
「人気度」や「スクリーンサイズ」を大枠で絞込みができるので、設定ブレイクポイントの目安にかなり貢献してくれます。
まとめ
デバイスを全て把握することはかなり大変ですよね。
このようなツールを使って大変な情報収集を簡単に終わらせましょう。
コーディング業務のご依頼、ご相談の詳細についてはこちらから
最後までお読みいただき、ありがとうございました。
よろしければシェアしていただければ幸いです。
次の記事へ | 前の記事へ |
WEB業界ならqam!qam(カム)はWEB業界で働く人や興味がある人に役立つ情報サイトです。
マーケティングやデザイン、マークアップ(コーディング)、プログラム、トレンドなどの情報をqamライター陣が執筆。噛めば噛むほど(読めば読むほど)制作・開発や運営・運用、業界知識やノウハウを学ぶことができます。