Android端末のdevicePixelRatio
Android端末のdevicePixelRatio WebKit系のブラウザではdevicePixelRatioというプロパティが定義されています。これは画像1pxを実際のデバイス上で何pxとしてレンダリングを行うかというもの。 CSSでdevicePixelRatioを特定できる -webkit-min-device-pixel-ratioなどは iPhone4のRetina Display対応などで一時期注目されましたね。 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG JavaScriptでは次のように取得できます。 window.devicePixelRatio そこで、Android端末のdevicePixelRatioがどうなってるかTwitterで色々な方に協力いただき調べてみました。
安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ Chrome Tech Talk -------------------- モバイルアプリの最新動向 - High DPI とマルチタッチ （ From High-DPI to multi-touch: cutting edge mobile web ） （講演者:Boris Smus） プレゼン資料 http://smustalks.appspot.com/japan-12/#1 みなさんこんにちは Boris といいます Mt.View で仕事をしています。 モバイルweb開発がい
スマホ＆タブレットの解像度（ppi）ベスト3
※ 解像度（ppi）の値は小数点第１位で四捨五入しています ※ 計算で割り出していますので実際の解像度（ppi）や公称の値とは異なります。ご了承下さい。大よその値としてみていただけたらと思います。 ※ iPhone4/4S/5は公称の数値を入れています。 こうやってみると、 iPhone以外はすべて日本製です。 ちなみに海外勢では、GALAXY SII WiMAX（au ISW11SC）が312ppiで4位、GALAXY S III （docomo SC-06D）がppiで5位に入っていました。 上記のGALAXYはどちらも画面サイズが4.7、4.8インチと大きいので、海外では画面が大きい方が好まれるのかもしれませんね。 ところでタブレットはと言うと、こんな感じです。 順位通信事業者デバイスインチ（対角）サイズ(px)ppi
レスポンシブWebデザイン、ブレークポイントの考え方とピクセル密度の問題
レスポンシブWebデザインは、画面幅に合わせてレイアウトが変化することで、様々な画面サイズにワンソース(一つのhtml)で対応させることができる制作手法です。Media Queryという技術でCSSを切り替えることでレイアウトが変化します。CSSが切り替わる画面幅を『ブレークポイント』と呼びます。 今回はレスポンシブWebデザインのサイト制作時に、特に気になるブレークポイントの設定について、考え方と注意したい点をご紹介したいと思います。 CSSが切り替わりレイアウトが変化するポイントを「ブレークポイント」と呼びます。 ブレークポイントの考え方 ブレークポイントはどの画面幅でも見やすいレイアウトになるように設定するものです。 レスポンシブWebデザインは「どんな画面幅で見ても、適切に表示させるための制作手法」です。どんな画面幅でも見やすいようにデザインし、どんな画面幅でも見やすいレイアウトに
液晶ディスプレイのドット（素子）ピッチと解像度
液晶ディスプレイのドット（素子）ピッチと解像度 液晶ディスプレイを選ぶ上で最も基本的な事柄でありながら購入後、最も後悔するケースが多いのがドットピッチ（素子サイズ）の問題だと思います。応答速度や視野角と同様に CRT では問題にならなかった液晶ディスプレイの表示原理に関係します。 液晶ディスプレイの表示原理 LCD（液晶）で 1ドットは 1素子（画素）で表現します。左は液晶ディスプレイをマクロ撮影した画像ですが、1画素は R・G・B 3つで構成されており、色はそれぞれの変化で表現します。また CRTと違ってドットエッジはくっきり表示されます。s CRT の場合はこの1素子にあたるサイズを変える事が出来るため解像度を切換える事が可能ですが、LCD の場合は素子の物理的な大きさは変わらないため固定されます。 解像度を変える事は出来ますが滲みが発生します。滲みのない状態で表示させるには、1ドット
スマートフォンと画面解像度・ピクセル密度
320 dpi Androidの密度グループ iPhoneを当てはめると、iPhone 3までがmdpi、iPhone 4からはxhdpiに区分けされそうです。日本で流通しているAndroidスマートフォンの多くはhdpiに属するでしょうが、最近のHD解像度の端末はxhdpiに属しそうです。 IS05やXperia ray, INFOBAR A01/C01などはグループ上hdpiに属しています。しかし、画面サイズが小さいことからピクセル密度が300dpi前後と、xhdpiに近くなっています。小型で高解像度な端末が増えると、所属するグループだけでは画面の精細さを判断するのは難しくなるでしょう。 ピクセル密度の違いが見た目に影響する さて、ピクセル密度のばらつきによって、すこし困ったことが起こります。密度の低い環境に合わせて作られたコンテンツの見た目が、密度の高い環境で良く見えない可能性が出て
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Designing the Hi-DPI Web
– とれまが知恵袋
