FEVDES BLOG

自分の経験をシェアしたい。Webデザインのテクニック&効率化。

WEBデザイン

スマホ・タブレット・PCの各端末の画面サイズが一目でわかる「Screen Sizes」

投稿日:2015年10月11日 更新日:

SPONSORED LINK

スマホが主流になり、画面のサイズが多様になり、調べるのが大変になっています。

以前、海外向けのサイトを制作する時に、
アクセスログから想定機種を指定され、
事前に多くの機種に対応する必要がありました。

知らない端末の場合、
設計をする前に画面サイズを調べるのも一苦労でした。

Screen Sizes」では、
スマホ・タブレット・PCの各端末の画面サイズを見ることができます。

海外で流通している端末がメインですが、海外向けのサイト制作では重宝します。

01

Screen Sizes

02

右上のアイコンから「スマホ」「タブレット」「PC」が選択できます。

03

Amazon KindleやiPad miniなど、種類が多い端末の画面サイズがわかります。

04

一番右端のアイコンをクリックすると、一覧に表示される項目を変更できます。
OSや実際の画面のサイズも表示されます。

-WEBデザイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Photoshopで同じ位置にコピーする方法

SPONSORED LINK フォトショップで同じ場所にコピーするには、 レイヤーを選択後、「command + J」です。 同じ位置にコピーされます。 コピーするとずれてイラっとすることがありますが …

PhotoShopでよく使うフォントを素早く変更する方法

SPONSORED LINK PhotoShopでフォントを変更するのは面倒です。 特に欧文だと、最初からインストールされているフォントが多くて選択するだけで時間がかかってしまいます。 私の場合は、フ …

デザイン力を鍛える!Webデザインのフロー別セオリーと知識まとめ

SPONSORED LINK 以前、「WEBデザインが短期間で上達した方法」では、 上達する近道として模写を紹介しましたが、 それ以外にも基本的なセオリーや知識を知っているだけで、 デザインをする力が …

厳選10サイト!商用利用できる国内無料(フリー)写真素材集

SPONSORED LINK 写真撮影や写真購入予算がない場合はよくあります。 そんな時に、写真素材集を利用するのもひとつの手段です。 普段からどんな写真があるのかチェックしておくと、探す時に便利です …

すぐにわかる!早く読んでおきたい、WEBデザイナーに必要な基礎知識のスライドまとめ

SPONSORED LINK グラフィックのみ、コーディングのみの WEBデザイナーは少ないのではないかと思います。 マーケティングやSEOやアクセス解析など、 必要な知識が多岐にわたります。 勉強す …

KIYOTA
KIYOTA
Webデザイナー / ウェブ解析士
デザインとコーディングと制作現場が大好きなWebデザイナー(Webデザイナー歴13年)
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。 WACA上級ウェブ解析士。