Screen Size MapThe screen size map compares viewport sizes in device‑independent pixel to plan responsive and fluid layouts for great UX / UI designs in websites or digital products.
Google Search Mobile Device Simulator
how to use Select your mobile devices Select the region & language you would like to use (e.g. Canada - English) Enter he location you want to be Enter your query (keyword) and press "search". disclaimer I don't have any affiliation with Google nor did they help with the tools on this page. The tool here is operated in good faith and under the assumption that everything is within the terms of use.
The Ultimate Guide To iPhone Resolutions
UPDATE: We have added the new iPhone 11, iPhone 11 Pro and iPhone 11 Pro Max to the guide below. The device screen may have lower pixel resolution than the image rendered in previous step. Before the image can be displayed, it must be downsampled (resized) to lower pixel resolution. Physical Pixels At the beginning, coordinates of all drawings are specified in Points are abstract units, they only
Devices — Facebook Design Resources
Designing for many platforms Facebook supports a diverse audience around the world and an equally diverse set of devices. To emphasize that in our design mocks, we redrew a range of devices to show the global diversity of the people using our products. Each device comes with a bitmap of the device (with and without shadows) and the original Sketch file for that device. We'll release different cate
ウェアラブルデバイスがWebブラウザーを搭載しなかったとしても
2015年3月24日 著 よく知りませんけど、Apple WatchにWebブラウザー（Mobile Safari）が搭載されないらしい、ということ（Apple Watch には Safari がないのに誰も気づいていない | maclalala2参照）を巡り、一部（何処）で議論があるらしいですね。Apple Watchに限らず、これから雨後の筍のように市場に投入されるであろうウェアラブルデバイスが、Webブラウザー（注：ここではスクリーン表示を前提とした視覚系ブラウザーの意味）を搭載しなかったとしても何ら不思議ではないし、それに対してWebデザイナー/Web開発者が焦る必要もないと思うのです。ただし、常日頃からアクセシブルなWebコンテンツ実装を実践している人に限る、という前提はあると思いますが。 仮にWebブラウザー非搭載なデバイスが世に受け入れられ普及したとしても、Webの必要性・重
デバイスを判定し、CSS/JavaScriptで簡単に利用できるようにするスクリプト -Device.js | コリス
ページにほんの一行外部ファイルを加えるだけで、iPhone, iPadなどのiOSをはじめ、Android, Blackberry, Windows Phone, Window Tabletなどスマフォやタブレット、デスクトップなどのデバイスを判定し、簡単に条件付きのCSSやJavaScriptを利用できるにするスクリプトを紹介します。 Device.js -GitHub Device.jsの使い方 Device.jsのデモ Device.jsの使い方 Device.jsの実装は、簡単です。 外部ファイルとして、当スクリプトを記述するだけです。 <script src="device.js"></script> スクリプトを設置すると、表示デバイスに基づいて<html>に適切なclassを付与します。 iPhoneでアクセスすると、こんな感じに。 <html class="ios ipho
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Design
mydevice.io know your mobile device (pixel-ratio, CSS width, features)
mqtest.io