[B! Retina][jQuery] takahumi_nakanoのブックマーク

takahumi_nakano id:takahumi_nakano

RetinaとjQueryに関するtakahumi_nakanoのブックマーク (3)

PCサイトのRetinaディスプレイ対応やっとく？ - やっぱりWebが好き - Writing Mode
今年からプライベートではMacBook Pro（13インチ）のRetinaディスプレイモデルを使っているから、最近はWebサイトの画像がボヤけて見えるのが気になって仕方ないのです。これからはPCのディスプレイもどんどん高解像度になっていくであろうことを考えると、今からPC向けサイトのRetina（高精細）ディスプレイ対策もしっかり考えておきたい。というわけで、備忘録がてら久々にWeb制作の現場感漂うエントリーをお届けしたいと思います。これまでスマホ向けにしか考えたことのなかったRetinaディスプレイ対応ですが、やっぱり自分のマシンがRetinaディスプレイになってみるとPCでも本格的に対策せねばと考えてしまいます。スマホやタブレット端末以外ではまだまだ普及率の低いRetinaディスプレイだけど、おそらく今後数年のうちにPCでも一般的になってくるんじゃないかな。現状、Retina
takahumi_nakano 2016/02/29
Web制作

Retina

jQuery
リンク
jQueryでRetinaディスプレイを判別して処理を変える方法｜BLACKFLAG
iPhoneなどApple製品に使われているRetinaディスプレイ。従来のディスプレイよりも高解像度（1ピクセルの幅が78ミクロン）であることから Retinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり特別な対処をする必要がでてきたりします。そんなRetinaディスプレイに対して、jQuery（JavaScript）を使って判別し個別に処理させる方法があったので紹介してみます。 ※webkitブラウザのみの対応です。 Retinaディスプレイかどうかを判別するプロパティはデバイス上で画像の1pxの単位を何pxとしてレンダリングしているかを見てくれる ————————————– window.devicePixelRatio ————————————– によって判別します。 Retinaディスプレイはここで取得する値が「2」になります。こ
takahumi_nakano 2016/02/29
Web制作

jQuery

Retina
リンク
Retinaディスプレイで画像がぼやける時の対処法[javascript]
Kotoriはマルファン症候群という難病を患っています！今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。そもそもRetinaディスプレイってなに？ Retinaディスプレイとはapple独自の高精細ディスプレイの名称で、画面解像度が高いことが特徴です。 iPhone 3GSと、初めてRetinaディスプレイが採用されたiPhone 4を比較すると、画面サイズは同じですが解像度が iPhone 3GSが320px×480px iPhone 4が640px×960px となっています。画面解像度が2倍に上がっているのですね。 Retinaディスプレイで画像がぼやける理由上記の通り画面解像度が2倍になったことにより、普通のディスプレイで等倍で表示していた画像が、Retinaディスプレイだと縦横2倍に引き伸ばされた状態
takahumi_nakano 2016/02/29
Web制作

jQuery

Retina
リンク
1