WebページをRetina対応させるテクニック～基礎知識編

WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場

[flower_room]

こんなの本来はデバイス(OS)側でなんとかするべき。

[JULY]

いくら Firefox でも対応しているといっても「-webkit-device-pixel-ratio」を使うのは Bad Know How だと思うなぁ。

[inazuma2073]

うわめんどくせえ

[mntone]

「Webサイトは表示が速くてナンボだと思います」 心理はこれだよな。けど MBA with Retina display とかできれいな画像出せたらかっこいいと思うな。

[sutetuki]

デバイスピクセル比は1：1、2：1、3：1のタイプがあるので、画像は4倍サイズで作って、@0.75x（3：1）、@0.5x（2：1）、@0.25x（1：1）で書き出すとぼやけない。

[glat_design]

Retina対応のCSS（Media Queries）版 /

[godagoda]

retina

[smotokezuru]

[]

[mnrm820]

CSS3

[oppara]

jQuery×HTML5×CSS3を真面目に勉強（4）：WebページをRetina対応させるテクニック～基礎知識編 (1/2) - ＠IT

[yoshida2855]

妙にアナログだなー

[warriorking]

jQuery×HTML5×CSS3を真面目に勉強（4）：WebページをRetina対応させるテクニック～基礎知識編 (1/2) - ＠IT

[soma28]

jQuery×HTML5×CSS3を真面目に勉強（4）：WebページをRetina対応させるテクニック～基礎知識編 (1/2) - ＠IT

[dgtaku]

TKGHatebuReaderより

[mure]

『「デバイスピクセル」と「CSSピクセル」の2種類に分類』

[haronoid]

メモ

[cocodrips]

「あとでよむ」

[dearwalker_yuya]

Retina表示を確認できるツールって無いのかなぁ。 jQuery×HTML5×CSS3を真面目に勉強（4）：WebページをRetina対応させるテクニック～基礎知識編 (2/2) - ＠IT

[k_gobo]

背景じゃない、普通の画像のことも考えると、とてもratina対応する気がしない。

[cachico]

jQuery×HTML5×CSS3を真面目に勉強（4）：WebページをRetina対応させるテクニック～基礎知識編

[kgman382]

よんどかんと

[kana321]

iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。

[araishi]

cssも最近奥深い

[saladdays]

-webkit-device-pixel-ratil以外の公式な指定の仕方。IE対応なども考えて

[longroof]

デバイスピクセル比(；´Д｀)

[tohu_neko]

ピクセルの話

[u1-5300]

via jQuery×HTML5×CSS3を真面目に勉強（4）：WebページをRetina対応させるテクニック～基礎知識編 (1/2) - ＠IT

[michael-unltd]

上

[poppun1940]

jQuery×HTML5×CSS3を真面目に勉強（4）：WebページをRetina対応させるテクニック～基礎知識編 (1/2) iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればい

[kibitaki]

ん？なぜ今上がってきた？