iPhone 4、iPad 3でスクリーンを改革したAppleが平然とデスクトップにも切り込んできた。 MacBook Pro Retina のことだが、一度触るともう戻りたくなくなるほど美しい(個人的には MacBook Air を買ってしまったんだけど)。そんな美しいスクリーンの価値を落とすのがWebサイトだ。画像の解像度を間違ってしまったかのような見栄えになってしまう。 まず、一番簡単なあたりから。WordPressを使っているなら、Retina for WPを使えばエントリーにアップロードするメディアに限っては簡単に Retina 対応できる。昨日アップロードしたエントリーで使っているが、 window.devicePixelRatio をJavascriptで判定して cookie を喰わせ、読み込む画像を判定している。 [retina normal=”http://blog.t
![RetinaサポートWebへの第一歩 – Taiyo Fujii, writer](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d2e13962dbbcb352eb704f9bd2210f87372c4a1/height=288;version=1;width=512/https%3A%2F%2Fi2.wp.com%2Fblog.taiyolab.com%2Fwp-content%2Fuploads%2F2015%2F04%2Fcropped-orbital-2.jpg%3Ffit%3D512%252C512)