On Noupe : The Mobile Web: CSS Image Replacement for Retina Display Devices

remplacement-dimage-css-adapte-au-retina-display-des-appareils-mobiles

With the evolution of technologie, more and more devices get the retina display capability. For those devices, serving normal images results in an ugly interface, with pixelized graphics. There are some solution to serve those devices high quality images using the min-device-pixel-ratio CSS3 media query, combines with some background-size.

Here is a demo page  to see what can be done, and your can also download the code.

le qrcode ainsi qu'un screenshot de l'application

I created a tutorial to explain the technique :

The Mobile Web: CSS Image Replacement for Retina Display Devices

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Comment validation by @