Skip to main content

Posts

Showing posts from May 12, 2013

Bicubic Scaling for Images? :Internet Explorer 6 & 7

Internet Explorer 6 & 7 do not resample images if the display dimensions differ from the image's actual dimensions. As a result, such images are rendered blockier than in other browsers. Try IE7's bicubic interpolation mode using the follow line of CSS: -ms-interpolation-mode: bicubic;  demo:  http://jsbin.com/ubuxoq/4/edit

Retina Display : @media Query

* Retina Display */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { .menu-nav { background-image: url(../img/menu-mobile__402x.png); background-size: 16px 32px; } }