Menú muy bueno con Retina display ( ResponsiveRetinaReadyMenu )

DESCARGA : Responsive Retina Ménu

Cuando Apple saco el iPhone 4 empezo a sonar en Internet la palabra Retina Display o (RD)  que ciertamente es el incremento al doble de los pixeles a una pantalla osea los pixeles que físicamente conocemos en una pantalla tendrán un valor doble por ejemplo si una imagen tiene unos 5 px, con retina esto equivale a tener 10px.

Un ejemplo practico para entender un poco este concepto y la afectación de nuestros gráficos en Internet y problemas de carga.

<img src="imagen.jpg" width="250" height="250"/>

Si “imagen.jpg” tiene una resolución de 500×500  px esto equivale a que en retina display  tendrá 250×250 px.

Entonces nos afectara en nuestros gráficos ya que tendremos que cargar imágenes mucho más grandes, bueno en concreto, ya que tenemos el concepto de lo que es retina display, hoy en día encontramos soluciones a estas problemáticas y aplicaciones muy viables creadas en Javascript y css una de estas alternativas es Responsive Retina Ready Ménu que ataca el problema de retina y tamaño de resolución  (El menú automáticamente se cambia a una de tres disposiciones diferentes dependiendo el tamaño de ventana).

Demo:http://tympanus.net/Tutorials/ResponsiveRetinaReadyMenu/

 

You may also like...