[B! retina] wtrabのブックマーク

wtrab id:wtrab

retinaに関するwtrabのブックマーク (2)

PCサイトのRetinaディスプレイ対応やっとく？ - やっぱりWebが好き - Writing Mode
今年からプライベートではMacBook Pro（13インチ）のRetinaディスプレイモデルを使っているから、最近はWebサイトの画像がボヤけて見えるのが気になって仕方ないのです。これからはPCのディスプレイもどんどん高解像度になっていくであろうことを考えると、今からPC向けサイトのRetina（高精細）ディスプレイ対策もしっかり考えておきたい。というわけで、備忘録がてら久々にWeb制作の現場感漂うエントリーをお届けしたいと思います。これまでスマホ向けにしか考えたことのなかったRetinaディスプレイ対応ですが、やっぱり自分のマシンがRetinaディスプレイになってみるとPCでも本格的に対策せねばと考えてしまいます。スマホやタブレット端末以外ではまだまだ普及率の低いRetinaディスプレイだけど、おそらく今後数年のうちにPCでも一般的になってくるんじゃないかな。現状、Retina
wtrab 2014/06/11
retina
リンク
今更だけどretina対応を考えてみた[簡単] | Cntlog
そろそろiPadminiのretina対応が発表されて意識の高い気分の人たちが、「うむ、やはり時代はretinaだな」とか言うんじゃないかと睨んでます。 PC版であまりretinaディスプレイを意識して作った事はないのですが、スマホは別ですね。まだまだ通信量を下げておきたいところなので、コーディグ前にどのように画像を切り出すかが悩ましいところです。高解像度用の画像に対応させる方法 1.読み込ませる画像の大きさを半分にする。メリット：簡単デメリット：画像修正の時はHTMLも触らないといけない場合がある。（管理がしにくい） 2.JavaScriptライブラリを使う（今回はRetina.js）メリット：高解像度用の画像を用意するだけで、勝手に読みこんでくれる（管理しやすい）デメリット：読み込む画像の数が増えるので、通信量が増える。 3.Media Queriesを使って高解像度用のデ
wtrab 2014/02/19
retina

モバイル
リンク
1