カテゴリー
サイト制作

ウェブサイトの Retina ディスプレイ対応

Retina ディスプレイを始めとして、Pixel Ratio が1を超えるディスプレイを採用したデバイスが増えてきました。デバイス (OS やアプリケーション) 側で拡大をして表示されますが、うまく拡大してもらえないとぼやけた表示になってしまいます。

そこで、Retina ディスプレイなどの Pixel Ratio が1を超えるディスプレイでもきれいに画像が表示されるための対策を挙げてみます。

カテゴリー
サイト制作

Internet Explorer で画像をきれいに縮小して表示する

画像を width, height 属性や CSS を使って、実際のサイズより縮小して表示すると Internet Explorer ではきれいに縮小してくれません。しかし、Internet Explorer 7 以降では、CSS で縮小方法にバイキュービック法を指定することで、きれいに縮小させることができます。

img {
	-ms-interpolation-mode: -bicubic;
}
カテゴリー
Mac

Android を VMware Fusion にインストールする

Android をエミュレーターで用意するのが面倒なときは、VMware Fusion や VirtualBox などで仮想マシンにすることができます。