FEVDES BLOG

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

WEBデザイン

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

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

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

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

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

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

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

01

Screen Sizes

02

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

03

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

04

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

PR

PR

-WEBデザイン

執筆者:


comment

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

関連記事

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

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

Amazon Unlimitedで読めるおトクなWeb/デザイン関連本

Amazon Unlimitedのサービスが始まりました。 Web関連の本の価格の高さに悩んでいたところに、月額980円で読み放題なんて、夢のようです。 Amazon Unlimitedはじめるか迷っ …

【デザインの参考に】ボツ案のFireworksのデザインデータ

学校や独学だと、カンプデータ(デザインデータ)を見る機会がないかと思います。 実際、一番役にたったのは、 働きだして人が作ったデザインデータを見たときです。 意外と作り込んであったり、凄いテクニックを …

素早く確実にWEBデザインをするための手順

新人から「どうやってデザインをしていいか、わからない」という声をよく聞きます。 私も新人の頃、他にデザイナーがいなかったので、 どのような手順でデザインすればいいか、わかりませんでした。 また、自分の …

柔軟なレイアウトをするために参考になった記事

Is your website layout doing more damage than you think? 「変わったレイアウトを」というオーダーをいただくことがあります。 変わったレイアウトが …

PR




人気の記事

プロフィール

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